W3.CSSLesson 12Preview gratis
W3.CSS Flexbox
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Flexbox adalah model tata letak CSS untuk menyusun item dalam satu arah, baik baris maupun kolom, dengan pembagian ruang otomatis. Dengan W3.CSS kamu mengaktifkannya lewat class w3-flex pada container, sementara anak-anaknya menjadi flex item. Model ini sangat cocok untuk menu, toolbar, kartu sejajar, dan elemen yang harus menyesuaikan ruang.
Poin kunci
- Flexbox menyusun item pada satu sumbu, horizontal atau vertikal
- Elemen induk menjadi flex container dengan display: flex
- justify-content mengatur distribusi ruang di sumbu utama
- align-items mengatur posisi item pada sumbu silang
- flex item dapat membesar dan mengecil mengikuti ruang yang tersedia
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.