Latihan 2: Grid: Dasar — CSS
Latihan 2 dari materi Grid: Dasar di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Sidebar dan Konten Utama masih bertumpuk. Bikin jadi dua kolom berdampingan, dengan konten dua kali lebih lebar dari sidebar.
Bikin rule .layout di dalam <style> dengan:
display: gridgrid-template-columns: 1fr 2frgap: 16px
Hint
- Dua kolom dengan lebar beda: kiri satu bagian, kanan dua bagian.
- Satuan fr membagi ruang jadi beberapa bagian. 1fr 2fr bikin kolom kedua dua kali lebar kolom pertama.
- .layout { display: grid; grid-template-columns: 1fr 2fr; gap: 16px; }
