Responsive Visual System
Pelajari mobile-first CSS, breakpoint dasar, fluid spacing, typography, CSS variables, dan dark mode dasar.
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.
Mobile-first CSS
Pahami cara menulis CSS dari layar kecil terlebih dahulu sebelum menambahkan aturan untuk layar lebih besar.
Breakpoints Dasar
Pelajari cara memakai media query dan breakpoint untuk menyesuaikan layout pada ukuran layar berbeda.
Fluid Spacing dan Typography Dasar
Latih cara membuat jarak dan ukuran teks yang tetap nyaman di berbagai ukuran layar.
CSS Variables dan Dark Mode Dasar
Gunakan CSS variables untuk menyimpan nilai visual dan mengenal pola dasar dark mode.
Uji Kompetensi Responsive Visual System
Cek kesiapan kamu memakai mobile-first CSS, breakpoint, fluid spacing, typography, CSS variables, dan dark mode dasar.