APA ITU FLEXBOX??
CSS Flexible Box layout atau sering disebut dengan Flexbox layout adalah sebuah sistem CSS yang berfungsi untuk menyederhanakan tata letak tampilan website.
CSS Flex Items
Setelah membuat elemen kontainer dengan layout flexbox, maka anda dapat menggunakan beberapa properti flex item. Berikut beberapa properti yang sering digunakan dalam membangun tampilan website menggunakan flex yaitu :displayflex-directionjustify-contentalign-itemsalign-contentorder
oke langsung saja kita ke bagian lv 2
oke jadi di lv 2 cukup mudah, hanya menambahkan kode <div class=”container”> serta diakhir dengan </div>
dan juga di CSS ada tambahan kode seperti gambar di atas
dan lanjut pada lv ke 3
nah yg di lv 3 ini, kita disuruh Tambahkan properti justify-content ke setiap dari 6 aturan kontainer div di stylesheet. yang dari awal gambar nya tersusun jadi buat seperti gambar di atas.
dann kita lanjut pada lv terakhir LV 4
di lv ini hampir sama ada containernya kaya lv 3 cuma beda propertinya ajh kali ini adalahAlign-items valuenya : flex-start; flex-end; center; baseline; stretch;
oke jadi sekian, terimakasih 🫷