Latihan 1: CSS Functions — CSS
Latihan 1 dari materi CSS Functions di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
.sidebar lebarnya 250px. Bikin .content mengisi sisa ruang di sebelahnya:
- Di dalam aturan
.content { } yang sudah ada, tambahkan width: calc(100% - 250px);
Kasih spasi di kiri dan kanan tanda -. Tanpa spasi, browser membuang nilainya.
Hint
- Lebar konten sama dengan lebar penuh dikurangi lebar sidebar, dan CSS bisa menghitung itu sendiri.
- Function buat berhitung adalah calc(). Isinya 100% dikurangi 250px, dengan spasi di sekitar tanda minus.
- Tambahkan width: calc(100% - 250px); di dalam aturan .content, sesudah padding: 16px;
