class carousel
Pelajaran 15 dari 23 dalam kursus Slider | Proyek Front-end di Coddy.
Tantangan
MudahPada class wrapper, targetkan class carousel:
1. Atur display menjadi grid.
2. Atur grid-auto-flow menjadi column.
3. Atur grid-auto-column menjadi calc((100% / 3) - 12px).
4. Atur overflow sumbu x menjadi auto.
5. Atur scroll-snap-type menjadi x mandatory.
6. Atur gap menjadi 16px.
7. Atur border radius sesuai pilihanmu.
8. Atur perilaku scroll menjadi smooth.
9. Atur lebar scrollbar menjadi none.
Coba sendiri
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Tulis kode HTML di sini -->
<script src="script.js"></script>
</body>
</html>Semua pelajaran di Slider | Proyek Front-end
Latihan sendiri: Playground Web