MoreLesson 208Preview gratis
Equal Height
Lesson ini bagian dari How To · Semua level
Ringkasan
Equal height berarti beberapa kolom atau kartu memiliki tinggi yang sama meskipun isinya berbeda panjang. Flexbox menyelesaikan ini secara otomatis karena align-items: stretch adalah nilai bawaan yang membuat item mengisi tinggi baris. Alternatifnya, grid juga menghasilkan tinggi seragam pada sel-sel satu baris.
Poin kunci
- Flexbox membuat item satu baris sama tinggi secara default melalui align-items: stretch
- Hindari height tetap yang kaku; gunakan min-height bila perlu batas bawah
- Grid dengan align-items: stretch juga menyamakan tinggi sel dalam satu baris
- Gunakan height: 100% hanya jika induknya memiliki tinggi yang jelas
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.