W3.CSSLesson 15Preview gratis
W3.CSS Grid Helpers
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Grid helper memudahkan kamu menempatkan item di posisi tertentu tanpa menghitung baris dan kolom secara manual. Kamu bisa memakai penamaan area dengan grid-template-areas, membentang beberapa kolom dengan span, atau membuat kolom yang menyesuaikan diri secara otomatis. Dengan helper ini, layout kompleks tetap terbaca dan mudah dirawat.
Poin kunci
- grid-template-areas memberi nama pada area layout
- grid-column: span 2 membuat item membentang dua kolom
- auto-fit dan minmax membuat kolom responsif otomatis
- justify-items dan align-items menata isi setiap sel
- align-self menimpa perataan untuk satu item tertentu
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.