Kenalan sama CSS Flexbox

 CSS Flexbox



  • Apa itu Flexbox?
Flexbox adalah teknik CSS yang akan membantu kita dalam mengatur posisi sebuah halaman website.

  • Kenapa harus Flexbox?
Flexbox memberi kemampuan container agar dapat mengubah tinggi dan lebar dari items, urutan posisi, dan spasi (jarak). properti flexbox yang sering digunakan antara lain:

  • Display

Cukup dengan  display:flex; maka elemen yang ada di dalamnya akan di atur secara otomatis

  • flex-direction

Digunakan untuk mengatur arah dari items.

  • flex-wrap

Items akan dipindahkan ke baris bari jika sudah penuh.


  • justify-content

Mengatur rata dari elemen secara horizontal.

  • align-items

Mengatur rata dari elemen secara vertikal.


sumber:codingstudio.id


Komentar

Postingan Populer