Frontend EngineeringBeginner · Level 3 · CSS Fundamentals and Layout
Flexbox and Grid Layout
Pelajari cara menyusun elemen menggunakan Flexbox dan Grid untuk membuat navbar, layout sederhana, dan card grid.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Lesson 1Practice lesson
Flexbox Dasar
Pahami Flexbox sebagai cara menyusun elemen dalam satu arah, baik baris maupun kolom.
40 menitMemuat...
Lesson 2Practice lesson
Membuat Navbar dengan Flexbox
Gunakan Flexbox untuk membuat navbar sederhana yang rapi dan mudah dibaca.
45 menitMemuat...
Lesson 3Practice lesson
Grid Dasar
Pahami CSS Grid sebagai cara menyusun elemen dalam baris dan kolom.
45 menitMemuat...
Lesson 4Practice lesson
Kapan Pakai Flexbox atau Grid?
Pelajari aturan sederhana untuk memilih Flexbox atau Grid dalam layout CSS.
40 menitMemuat...
Lesson 5Uji KompetensiCheckpoint akhir module
Uji Kompetensi Flexbox and Grid Layout
Cek kesiapan kamu menyusun navbar, card grid, dan memilih Flexbox atau Grid dengan tepat.
55 menitMemuat...