CSS FlexboxLesson 79Preview gratis
Flexbox Intro
Lesson ini bagian dari CSS · Semua level
Ringkasan
Flexbox adalah modul tata letak CSS yang dirancang untuk menyusun elemen dalam satu dimensi, baik mendatar maupun menegak, dengan kontrol perataan yang jauh lebih baik dibanding float. Dengan `display: flex`, sebuah wadah menjadi flex container dan anak-anaknya menjadi flex items. Konsep utamanya adalah sumbu utama (main axis) dan sumbu silang (cross axis) yang menjadi acuan perataan.
Poin kunci
- `display: flex` pada elemen induk mengaktifkan tata letak flex untuk seluruh anaknya
- Anak langsung dari flex container disebut flex items
- `flex-direction` menentukan arah sumbu utama: `row` atau `column`
- Perataan mengikuti sumbu utama (`justify-content`) dan sumbu silang (`align-items`)
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.