HTML & CSS LayoutLesson 23Preview gratis
CSS Grid
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
CSS Grid adalah model tata letak dua dimensi yang mengatur baris dan kolom sekaligus. Kamu akan mempelajari grid-template-columns, satuan fr, gap, serta penempatan item ke area tertentu. Grid sangat cocok untuk layout halaman seperti header, sidebar, konten, dan footer dalam satu deklarasi.
Poin kunci
- Grid mengatur tata letak baris dan kolom sekaligus
- grid-template-columns menentukan lebar kolom; fr membagi ruang fleksibel
- gap mengatur jarak antarcell tanpa perlu margin
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.