Cloud I

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

Challenge

Easy

In the HTML file, create a div inside #container with the class name "cloud".

In the CSS file, target the new cloud div and set:

width to 200px
height to 80px
background color of your choice (remember, it's the cloud!)
border radius of 40px
position to absolute (because we want to play with the position of the cloud freely)

Also, set the margin to 100px or more so that you will see the cloud fully for the next lessons (we will remove this margin later on).

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>