CSS Flexbox Layout Generator

Apa itu CSS Flexbox Layout Generator?

CSS Flexbox Layout Generator merupakan sebuah online tool yang digunakan untuk menghasilkan styling CSS untuk layout flexbox.

Konfigurasi CSS Flexbox Layout Generator

Konfigurasi CSS Flexbox Layout Generator:

• Flex direction: mengatur arah dari flexbox.
• Flex wrap: mengatur apakah flexbox perlu atau tidaknya overflow konten.
• Justify content/items: mengatur letak item dalam flexbox secara horizontal.
• Align content/items: mengatur letak item dalam flexbox secara vertikal.
• Gap: mengatur jarak antar item dalam flex (terbagi menjadi horizontal dan vertikal).
• Flex grow: mengatur apakah item dalam flexbox akan mengisi slot yang kosong atau tidak (ukuran dinamis).
• Flex shrink: mengatur bagaimana item dalam flexbox akan mengecil dibandingkan dengan item lainnya.
• Flex basis: mengatur ukuran inisial item dalam flexbox.
• Justify self: mengatur letak item tunggal dalam flexbox secara horizontal.
• Align items: mengatur letak item tunggal dalam flexbox secara vertikal.