Cloud III

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

Challenge

Easy

In the HTML file, create a div inside the cloud div (.cloud, another one!) with the class name "cloudBubble2".

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

width to 60px
height to 60px
background color to the same as in the cloud div
border radius of 30px
position to absolute
top to -30px
right to 30px

In the end, remove the margin from the .cloud div.

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 Moving Clouds - HTML/CSS/JS Project

1Introduction

4Playing with JS

2Container

5Moving the Cloud

3The Cloud

Cloud III

6Many Clouds