Container

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

Im Laufe dieses Kurses wirst du auch die Möglichkeit haben, einige Aspekte selbst zu gestalten; jetzt werden wir den Himmel erstellen, auf dem sich die Wolken befinden werden. Achte darauf, eine Farbe zu wählen, die dir für den Himmel gefällt!

Aufgabe

Einfach

Erstelle in der HTML-Datei ein div innerhalb des body-Tags mit der id "container".

Dieses div wird der Container für alle Wolken sein - "The sky".

Sprich diesen Container in der CSS-Datei an und setze:

height auf 100vh (vh = View height)
position auf relative
Hintergrundfarbe deiner Wahl (denk daran, das ist der Himmel!)
overflow auf hidden

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>