Daftar dan Belajar Sekarang!

Sistem grid 12 Dybala

Belajar membuat sistem responsive grid pada HTML dan css, kita akan memberikannya nama "Dybala!"

Poin: 60 EXP

Intro framework Dybala Mulai CSS Reset locked icon Sistem grid 1 sampai 12 locked icon Sistem push element locked icon Sistem responsive grid locked icon Kolom dengan margin dan clear push locked icon download icon

Detail Kelas

Intro framework Dybala

Belajar membuat sistem grid pada HTML dan css, kita akan memberikannya nama "Dybala!"


Mulai CSS Reset

Mari kita mulai membuat sistem gridnya dengan melakukan CSS reset, untuk mengatur default stylingnya


Sistem grid 1 sampai 12

Mulai membuat sistem grid 1 sampai 12, simple tapi sangat beguna!


Sistem push element

Pada kasus tertentu kita mau membiatkan element 'melayang' pada sebelaha kanan halaman, tanpa ada elemen apapun sebelumnya.


Sistem responsive grid

Membuat sistem grid Dybala ini menjadi responsive, alias bagus di ukuran berapapun


Kolom dengan margin dan clear push

Sejauh ini semua elemen kita akan menempel satu sama lain, kita bisa menambahkan sistem otomatis untuk memberikan margin atau ruang pada sisi-sisinya


Sistem grid 12 Dybala

time icon 2 tahun yang lalu
level icon Pertengahan