CSS FlexboxLesson 81Preview gratis
Flex Items
Lesson ini bagian dari CSS · Semua level
Ringkasan
Properti pada flex item mengontrol bagaimana tiap anak membagi ruang yang tersedia. `flex-grow` menentukan porsi ruang ekstra, `flex-shrink` menentukan pengecilan saat sempit, dan `flex-basis` menentukan ukuran awal. Ada pula `order` untuk mengubah urutan tampil serta `align-self` untuk menimpa perataan dari kontainernya.
Poin kunci
- `flex-grow: 1` membuat item ikut memperebutkan ruang ekstra yang tersedia
- `flex-shrink: 0` mencegah item menyusut saat ruang sempit
- `flex-basis` menentukan ukuran awal item sebelum ruang dibagikan
- `order` mengubah urutan tampil dan `align-self` menimpa `align-items`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.