Klasa karuzeli
Lekcja 15 z 23 w kursie Slider | Projekt front-endowy w Coddy.
Wyzwanie
ŁatwyW klasie wrapper wybierz klasę carousel:
1. Ustaw display na grid.
2. Ustaw grid-auto-flow na column.
3. Ustaw grid-auto-column na calc((100% / 3) - 12px).
4. Ustaw przepełnienie w poziomie na auto.
5. Ustaw scroll-snap-type na x mandatory.
6. Ustaw gap na 16px.
7. Ustaw promień zaokrąglenia obramowania według własnego wyboru.
8. Ustaw zachowanie przewijania na smooth.
9. Ustaw szerokość paska przewijania na none.
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
<script src="script.js"></script>
</body>
</html>Wszystkie lekcje w sekcji Slider | Projekt front-endowy
Poćwicz samodzielnie: Edytor online Web