HTML & CSS LayoutLesson 22Preview gratis
Flexbox
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
Flexbox adalah model tata letak satu dimensi yang memudahkan penyebaran, perataan, dan pengaturan jarak antar item dalam satu baris atau kolom. Kamu akan mempelajari properti kontainer seperti display flex, flex-direction, justify-content, align-items, serta properti item seperti flex. Dengan flexbox, komponen seperti navbar dan tombol menjadi jauh lebih mudah disusun.
Poin kunci
- Aktifkan dengan display: flex pada kontainer
- justify-content mengatur sumbu utama, align-items mengatur sumbu silang
- flex: 1 membuat item tumbuh mengisi ruang tersedia
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.