CSS Visual ToolsLesson 73Preview gratis
Grid Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Grid generator membantu menyusun layout dua dimensi dengan baris dan kolom yang dapat diatur presisi. Kamu bisa memakai satuan fr, repeat(), minmax(), serta menamai area dengan grid-template-areas. CSS Grid cocok untuk layout halaman dan galeri yang kompleks.
Poin kunci
- CSS Grid mengatur item dalam baris dan kolom sekaligus
- grid-template-columns dan grid-template-rows menentukan ukuran track
- Satuan fr membagi ruang yang tersedia secara proporsional
- repeat() dan minmax() mempermudah layout responsif
- grid-template-areas memberi nama area untuk penempatan yang mudah dibaca
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.