Cloud II

Lesson 5 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) with the class name "cloudBubble1".

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

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

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 II

6Many Clouds