Flexbox CSS

18 Apr 2025

Penjelasan tentang penggunaan Flexbox dalam CSS.

Flexbox (Flexible Box Layout) adalah metode dalam CSS untuk menyusun dan merapikan elemen dalam satu baris atau kolom, yang sangat fleksibel untuk membuat layout responsif. Flexbox sangat berguna saat kamu ingin mengatur ukuran, posisi, dan distribusi ruang antar elemen di dalam kontainer secara dinamis.

✅ Tujuan Flexbox Menyusun elemen secara horizontal (row) atau vertikal (column).

Mengatur elemen agar mudah diratakan (center, left, right, dll).

Mendistribusikan ruang secara otomatis sesuai ukuran layar.

Cocok untuk membuat navigasi, galeri, form, kartu, layout dinamis, dll.