WHAT IS FLEXBOX?
Adalah sistem tata letak/layout di CSS3 yang dirancang untuk mengatur, mendistribusikan ruang elemen di dalam container secara dinamis, baik secara horizontal maupun vertikal. Ini mempermudah untuk para developer dalam menyusaikan ukuran konten agar pas dengan berbagai ukuran layar, tanpa perlu mengubah-ubah coding atau positioning yang rumit.
WHY SHOULD WE USE FLEXBOX?
- Desain Responsif Mudah: Flexbox otomatis menyesuaikan elemen berdasarkan ukuran layar.
- Perataan Vertikal/Horizontal: Sangat mudah menengahkan elemen secara vertikal maupun horizontal, atau membaginya secara merata.
- Item Fleksibel: Elemen dapat membesar atau mengecil secara proporsional untuk mengisi ruang yang terdapat kekosongan di dalamnnya.
- Mengatur Urutan: Bisa mengubah urutan tampilan elemen tanpa mengubah struktur HTML.
- Penyelarasan Tinggi Kartu: Otomatis menyamakan tinggi semua item dalam satu baris, meskipun panjang kontennya berbeda.