Cloud I

Lektion 4 von 18 im Kurs Ziehende Wolken – HTML/CSS/JS-Projekt von Coddy.

Aufgabe

Einfach

Erstelle in der HTML-Datei ein div innerhalb von #container mit dem Klassennamen "cloud".

Targetiere in der CSS-Datei das neue Cloud-Div und setze:

width auf 200px
height auf 80px
Hintergrundfarbe deiner Wahl (denk daran, es ist die Wolke!)
Border-Radius auf 40px
position auf absolute (weil wir die Position der Wolke frei bestimmen wollen)

Setze außerdem den margin auf 100px oder mehr, damit du die Wolke in den nächsten Lektionen vollständig siehst (wir werden diesen Margin später wieder entfernen).

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>