Container

Lesson 3 of 18 in Coddy's Moving Clouds - HTML/CSS/JS Project course.

Through out this course, you will have also a chance to style some aspects by yourself, now we will create the sky that the clouds will be on, make sure to choose a color you like for the sky!

Challenge

Easy

In the HTML file, create a div inside the body tag with the id "container".

This div will be the container of all the clouds - "The sky".

In the CSS file, target this container and set:

height to 100vh (vh = View height)
position to relative
background color of your choice (remember, this is the sky!)
overflow to hidden

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>