Latihan 1 dari materi Borders & Dividers di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya daftar tiga kamar Homestay Kabut, tiap kamar satu <div class="list-item"> berisi nama (<b>) dan harganya (<span>), dengan satu aturan yang keras: .list-item { border-bottom: 2px solid #000; padding: 4px; }. HTML-nya dan aturan .list-item b biarkan seperti itu. Ganti isi aturan .list-item supaya pemisahnya halus:
padding: 16px 0 (16px atas dan bawah, 0 kiri dan kanan).border-bottom: 1px solid #F3F4F6 (garis 1px abu sangat muda, bukan hitam).
