Latihan 1 dari materi Multi-column Layout di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Dua paragraf di .artikel masih satu kolom lebar. Bagi jadi dua kolom kayak koran.
Di rule .artikel yang sudah ada (ganti komentar /* tulis CSS di sini */), tulis:
column-count: 2
column-gap: 20px
Hint
Gak perlu bikin dua div. Satu pembungkus .artikel bisa memecah isinya jadi beberapa kolom sendiri.
column-count menentukan jumlah kolom, column-gap menentukan jarak di antara kolom.
.artikel { column-count: 2; column-gap: 20px; }
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
