Frontend EngineeringBeginner · Level 3 · CSS Fundamentals and Layout
Box Model and Spacing
Pelajari box model, padding, margin, border, width, height, max-width, dan box-sizing untuk membuat elemen lebih rapi dan mudah dibaca.
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
Box Model Dasar
Pahami bagaimana elemen HTML dibaca sebagai kotak yang punya content, padding, border, dan margin.
35 menitMemuat...
Lesson 2Practice lesson
Padding dan Margin
Pelajari perbedaan jarak dalam dan jarak luar pada elemen CSS.
35 menitMemuat...
Lesson 3Practice lesson
Border, Width, dan Max Width
Pelajari cara memberi batas, mengatur lebar, dan menjaga card tetap mudah dibaca.
35 menitMemuat...
Lesson 4Uji KompetensiCheckpoint akhir module
Uji Kompetensi Box Model and Spacing
Cek kesiapan kamu mengatur content, padding, border, margin, width, height, box-sizing, dan spacing dasar.
45 menitMemuat...