W3.CSSLesson 14Preview gratis
W3.CSS Grid
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
CSS Grid adalah sistem tata letak dua dimensi yang menyusun konten dalam baris dan kolom sekaligus. Kamu mendefinisikan berapa kolom lewat grid-template-columns, lalu setiap anak menempati sel sesuai aturan yang diberikan. Berbeda dengan flexbox yang satu arah, grid memberi kendali penuh atas area halaman seperti papan catur.
Poin kunci
- Container dibuat dengan display: grid
- grid-template-columns menentukan jumlah dan lebar kolom
- Satuan fr mewakili satu bagian dari ruang yang tersedia
- grid-gap atau gap mengatur jarak antar sel
- Item dapat membentang beberapa kolom atau baris
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.