CSS ResponsiveLesson 90Preview gratis
RWD Grid View
Lesson ini bagian dari CSS · Semua level
Ringkasan
Grid responsif menyusun halaman dalam kolom-kolom berlebar persen sehingga ikut mengecil dan melebar bersama layarnya. Pola 12 kolom paling umum dipakai karena bisa dikombinasikan menjadi 3+9, 4+8, atau 6+6. Pada layar sempit, seluruh kolom diubah menjadi satu kolom penuh agar konten tetap nyaman dibaca.
Poin kunci
- Lebar kolom dinyatakan dalam persen supaya selalu proporsional terhadap lebar layar
- Sistem 12 kolom memberi fleksibilitas kombinasi lebar yang berimbang
- Jarak antar kolom diatur dengan `gap` atau padding sebagai gutter
- Pada breakpoint kecil, blok ditumpuk menjadi satu kolom penuh
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.