Latihan 1 dari materi Flexbox: Items di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Sidebar dan Konten Utama sudah berjejer (.layout sudah punya display: flex), tapi keduanya cuma selebar isinya. Bikin Konten Utama mengisi semua sisa ruang di sebelah sidebar:
di rule .content yang sudah ada, tambahkan flex: 1
Tulis persis flex: 1, bukan flex-grow: 1: dua-duanya beda arti.
Mau sidebar-nya tetap 250px kayak dashboard? Tambahkan juga flex: 0 0 250px di .sidebar. Bagian ini boleh, tapi gak dinilai.
Hint
Sidebar boleh tetap selebar isinya. Yang harus melebar sampai ujung kanan itu kontennya.
Singkatan flex dengan nilai 1 bikin item mengambil semua sisa ruang di container.