FLEXBOX

𝒎𝒂𝒓𝒊 𝒃𝒆𝒓𝒌𝒆𝒏𝒂𝒍𝒂𝒏 𝒅𝒆𝒏𝒈𝒂𝒏 𝒂𝒑𝒂 𝒊𝒕𝒖 𝒇𝒍𝒆𝒙𝒃𝒐𝒙?!
Flexbox atau Flexible Box Layout adalah modul tata letak CSS yang dirancang untuk memudahkan pengaturan dan pelurusan elemen dalam sebuah wadah (container). kamu dapat menyusun elemen satu arah, baik secara horizontal maupun vertikal, dan mengatur ruang diantara item secara flexible.

𝒎𝒆𝒏𝒈𝒂𝒑𝒂 𝒇𝒍𝒆𝒙𝒃𝒐𝒙 𝒃𝒆𝒓𝒎𝒂𝒏𝒇𝒂𝒂𝒕?
karena dapat membuat tata letak lebih responsif dan dinamis, bahkan ketika ukuran elemen tidak diketahui atau berubah-ubah. Flexbox jauh lebih efisien daripada menggunakan float atau grid manual, karena kamu tidak perlu menghitung lebar elemen satu per satu.

𝒃𝒂𝒈𝒂𝒊𝒎𝒂𝒏𝒂 𝒄𝒂𝒓𝒂 𝒎𝒆𝒏𝒈𝒈𝒖𝒏𝒂𝒌𝒂𝒏 𝒇𝒍𝒆𝒙𝒃𝒐𝒙?!
Flexbox bekerja dengan cara mengubah container biasa menjadi flex container menggunakan display:flex;. Begitu diaktifkan, semua elemen anak di dalamnya otomatis menjadi flex items dan mengikuti aturan layout yang lebih fleksibel. Flexbox kemudian mendistribusikan ruang kosong secara dinamis dan menyesuaikan ukuran elemen sesuai kebutuhan.