๐…แฅฃ๐–พ๐—‘๐โฑบ๐—‘ (๐…แฅฃ๐–พ๐—‘๐—‚แ‘ฒแฅฃ๐–พ ๐โฑบ๐—‘ ๐‹ฮฑ๐—’โฑบฯ…๐—)

HAAAIIII GUYSS!! kenalinn, nama aku nadine, aku disini mau ngenalin kalian tentang FlexBox, menurut kalian FlexBox itu apa sih? Nah kalo kalian gatau makanya itu disini aku kasih tau yaa!

FlexBox itu singkatan dari (Flexible Box) itu cara ngatur layout di CSS yang bikin elemen-elemen di website jadi fleksibel, rapi, dan gampang diatur.

Kenapa sih kalian harus pake FlexBox?? 1. Biar ngatur posisi elemen ga ribet (kalo tanpa FlexBox semuanya akan jadi acak acakan) 2. Biar layout gampang diatur, jadi kalian bisa atur ke kanan-kiri terus atas bawah, jadi gampang dehhh 3. Biar responsif tanpa ribet 4. Biar jarak & ukuran tanpa ribet code = justify-content: space-between; gap: 20px;

Apa sih isi FlexBox?? Flexbox berisi aturan seperti justify-content, align-items, flex-direction, dan lainnya untuk mengatur posisi elemen.

Bagaimana cara memakainya? caranya adalah dengan memberi display: flex pada container lalu mengatur properti flex sesuai kebutuhan.