Classe Carousel
Leçon 15 sur 23 du cours Slider | Projet Front-end de Coddy.
Défi
FacileDans la classe wrapper, ciblez la classe carousel :
1. Définissez le display sur grid.
2. Définissez grid-auto-flow sur column.
3. Définissez grid-auto-column sur calc((100% / 3) - 12px).
4. Définissez le débordement (overflow) de x sur auto.
5. Définissez scroll-snap-type sur x mandatory.
6. Définissez le gap sur 16px.
7. Définissez le rayon de bordure (border radius) de votre choix.
8. Définissez le comportement de défilement (scroll behavior) sur smooth.
9. Définissez la largeur de la barre de défilement (scrollbar width) sur none.
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>