Sistem grid 12 Dybala

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

Update kelas terakhir : 5 tahun yang lalu

cover sistem-grid-12-dybala.jpg

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

Halaman ini adalah halaman video tutorial programming "Sistem grid 12 Dybala".

<< Daftar kelas koding lainnya