Apa itu Flex Box?
CSS Flexible Box layout atau sering disebut dengan Flexbox layout adalah sebuah sistem CSS yang berfungsi untuk menyederhanakan tata letak tampilan website.
Flexbox dapat mengatur elemen secara responsif baik dalam arah horizontal maupun vertikal, tanpa perlu menggunakan tata letak tradisional yang lebih kompleks seperti float atau positioning
CSS Flex Items
CSS Flex Items adalah elemen-elemen yang berada di dalam sebuah flex container (wadah flexbox). Ketika sebuah container diberi properti display: flex;, maka semua elemen anak di dalamnya otomatis menjadi flex items. Flex items bisa diatur posisinya, ukurannya, dan jaraknya dengan mudah menggunakan properti flexbox seperti flex-grow, flex-shrink, flex-basis, dan align-self. Dengan flex items, layout halaman web menjadi lebih fleksibel dan responsif
Lvl 1nya kita skip, langsung lanjut ke Lvl ke2
oke jadi di Lvl ke 2 cuma menambahkan kode <div class=”container”> serta diakhir dengan </div>
dan juga di CSS ada tambahan kode seperti gambar diatas↑
Lanjut ke Lvl ke3
jdi Lvl 3 ini, kita disuruh menambahkan properti justify-content ke setiap dari 6 aturan kontainer div di stylesheet. yang dari awal gambar nya tersusun jadi buat seperti gambar yg ada di atas↑
Lanjut lgi di Lvl terakhir, Lvl ke4
oke di Lvl ke4 ini hampir sama, ada containernya seperti di lvl 3 cuma beda propertinya aja kali ini adalahAlign-items valuenya : flex-start; flex-end; center; baseline; stretch;
ya.. jadi gitu aja, sekian terimakasih🫸🏿🫷🏿