Daftar Modul & Misi Koding
Tuntaskan puzzle kode untuk membuka modul berikutnya
Modul 1: Level 1: The Activation
Menyalakan display: flex pada container pembungkus.
Modul 2: Level 2: The Sniper
Menggunakan justify-content: center untuk memusatkan item di sumbu utama.
Modul 3: Level 3: The Split
Menggunakan justify-content: space-between untuk mendorong item ke tepi.
Modul 4: Level 4: The Breathing Room
Menggunakan justify-content: space-evenly untuk jarak yang presisi rata.
Modul 5: Level 5: The Push
Menggunakan justify-content: flex-end untuk menempatkan item di ujung kanan.
Modul 6: Level 6: The Gravity
Menggunakan align-items: center untuk meratakan item di sumbu silang.
Modul 7: Level 7: The Floor
Menggunakan align-items: flex-end untuk menjatuhkan elemen ke bawah.
Modul 8: Level 8: The Tetris Tower
Mengubah orientasi layout dengan flex-direction: column.
Modul 9: Level 9: The Gap
Memberi jarak antar elemen secara bersih menggunakan properti gap.
Modul 10: Level 10: Boss Fight - Centering Div
Jurus pamungkas mempusatkan elemen secara horizontal dan vertikal sekaligus!
Rian Anggara
Lead UI Engineer & Design Technologist
Codevas Learning Engine
Langganan Codevas
Akses semua materi kelas, kuis interaktif, dan sertifikat resmi tanpa biaya per modul.