Menu
Coddy logo textTech

Card Class

Lesson 17 of 23 in Coddy's Slider | Front-end Project course.

challenge icon

Challenge

Easy

Target card class:

1. Set the scroll-snap-align to start.

2. Set the height of your choice (recommended above 300px).

3. Set the list-style to none.

4. Set the background color of your choice.

5. Set the cursor to pointer

6. Set the padding from the bottom to 15 pixels.

7. Set the flex-direction to column

8. Set the border radius of your choice.

Try it yourself

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

All lessons in Slider | Front-end Project