Glosarium Web & Coding
Apa itu CSS Grid?
CSS Grid adalah cara tata letak yang menata dua sumbu sekaligus: kolom ditulis di grid-template-columns, baris di grid-template-rows, lalu isi menempati selnya. Satuan fr mewakili satu bagian dari sisa ruang.
Cara menulisnya
display: grid; grid-template-columns: repeat(3, 1fr);
Contoh
.dasbor { display: grid; grid-template-columns: 240px 1fr; } membuat kolom menu 240px dan kolom isi yang mengisi sisanya.
Kesalahan yang sering terjadi
Mengira 1fr membagi seluruh lebar; ukuran tetap dan gap dihitung lebih dulu, baru sisanya dibagi ke kolom ber-fr.
Latih langsung
Pelajaran Grid: kolom dengan grid-template-columns dan repeat · kelas CSS Tata Letak dan Responsif · ±14 menit, latihan dinilai otomatis (butuh akun gratis).
Coba juga di lab: Simulasi Grid Tata Letak: Kolom, Gutter, dan Margin
Istilah terkait
Diperbarui .