Latihan 2: Scroll Snap — CSS
Latihan 2 dari materi Scroll Snap di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Daftar .list digeser ke bawah. Bikin tiap item berhenti pas di tengah:
- Di aturan
.list { }, tambahkan scroll-snap-type: y mandatory;
- Di aturan
.item { }, tambahkan scroll-snap-align: center;
y artinya geser ke bawah, center artinya tengah item nempel ke tengah daftar.
Hint
- Sama kayak galeri ke samping, cuma sumbunya vertikal dan titik nempelnya di tengah item.
- Kotak .list pakai scroll-snap-type dengan sumbu y, tiap .item pakai scroll-snap-align dengan nilai center.
- Tambahkan scroll-snap-type: y mandatory; di aturan .list, lalu scroll-snap-align: center; di aturan .item.
