CSS GridLesson 83Preview gratis
Grid Intro
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS Grid adalah modul tata letak dua dimensi yang mampu mengatur baris dan kolom secara bersamaan. Dengan `display: grid` pada wadah, kita mendefinisikan garis-garis grid melalui `grid-template-columns` dan `grid-template-rows`. Grid sangat cocok untuk kerangka halaman seperti header, sidebar, dan area konten utama.
Poin kunci
- `display: grid` mengubah wadah menjadi grid container
- `grid-template-columns` mendefinisikan jumlah dan lebar kolom
- Satuan `fr` merepresentasikan porsi sisa ruang yang tersedia
- `gap` mengatur jarak antar sel grid (baris dan kolom)
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.