CSS FlexboxLesson 80Preview gratis
Flex Container
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pelajaran ini merinci properti pada flex container: `flex-direction` menentukan arah, `flex-wrap` mengatur pembungkusan baris, `justify-content` meratakan pada sumbu utama, dan `align-items` pada sumbu silang. `align-content` mengatur penyebaran baris ketika flex membungkus, sementara `gap` memberi ruang antar item dengan rapi. Penguasaan properti-properti inilah inti dari Flexbox.
Poin kunci
- `flex-direction`: `row`, `column`, `row-reverse`, `column-reverse`
- `flex-wrap: wrap` membuat item pindah ke baris baru saat ruang tidak cukup
- `justify-content` mengatur distribusi ruang ekstra pada sumbu utama
- `gap` menentukan jarak antar flex item tanpa margin ganda
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.