Body

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

Challenge

Easy

Target body tag:

1. Set the display to flex and center everything using align-items and justify-content.

2. Set padding of 0 from top and bottom and 35 pixels from right and left.

3. Set the minimum height to 100vh.

4. Set the background color to your choice.

Tip: To set the gradient background, you can use the linear-gradient function.

background: linear-gradient(to left top, rgb(255, 192, 211), rgb(255, 20, 98));

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>

Body

All lessons in Slider | Front-end Project