Класс Carousel

Урок 15 из 23 курса Слайдер | Front-end проект на Coddy.

Задание

Легко

В классе wrapper выберите класс carousel:

1. Установите display в значение grid.

2. Установите grid-auto-flow в значение column.

3. Установите grid-auto-column в значение calc((100% / 3) - 12px).

4. Установите overflow по x в значение auto.

5. Установите scroll-snap-type в значение x mandatory.

6. Установите gap в значение 16px.

7. Установите радиус границы (border-radius) на ваш выбор.

8. Установите поведение прокрутки в значение smooth.

9. Установите ширину полосы прокрутки в значение none.

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Класс Carousel

Все уроки раздела Слайдер | Front-end проект