Daftar Video
Sistem grid 12 Dybala
Intro framework Dybala
Mulai CSS Reset
Sistem grid 1 sampai 12
Sistem push element
Sistem responsive grid
Kolom dengan margin dan clear push

Gratis
6 video
6 tahun yang lalu
Buku Halo Koding!

Buku ini akan jadi teman perjalanan kamu ngoding!
Detail Kelas
Belajar membuat sistem grid pada HTML dan css, kita akan memberikannya nama "Dybala!"
Mari kita mulai membuat sistem gridnya dengan melakukan CSS reset, untuk mengatur default stylingnya
Mulai membuat sistem grid 1 sampai 12, simple tapi sangat beguna!
Pada kasus tertentu kita mau membiatkan element 'melayang' pada sebelaha kanan halaman, tanpa ada elemen apapun sebelumnya.
Membuat sistem grid Dybala ini menjadi responsive, alias bagus di ukuran berapapun
Sejauh ini semua elemen kita akan menempel satu sama lain, kita bisa menambahkan sistem otomatis untuk memberikan margin atau ruang pada sisi-sisinya