Web BuildingLesson 65Preview gratis
Web Layout
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Tata letak web menyusun konten agar rapi di berbagai ukuran layar. W3.CSS memakai pola baris dan kolom: .w3-row sebagai baris dan .w3-col beserta kelas lebar responsif untuk kolomnya. Untuk kebutuhan lebih canggih, CSS flexbox dan grid modern menjadi pilihan utama.
Poin kunci
- .w3-container memberi jarak horizontal yang aman dari tepi layar
- .w3-row dan .w3-col membentuk grid dasar W3.CSS
- Kelas lebar memakai awalan s, m, dan l untuk kecil, sedang, besar
- Flexbox untuk menyusun satu dimensi, grid untuk dua dimensi
- Media query menentukan aturan tambahan per ukuran layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.