Sistem grid 12 Dybala

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

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