Cloud I

Leçon 4 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.

Défi

Facile

Dans le fichier HTML, créez un div à l'intérieur de #container avec le nom de classe "cloud".

Dans le fichier CSS, ciblez le nouveau div cloud et définissez :

width à 200px
height à 80px
la couleur d'arrière-plan de votre choix (n'oubliez pas, c'est le nuage !)
le rayon de la bordure (border radius) à 40px
position à absolute (car nous voulons jouer librement avec la position du nuage)

De plus, définissez la margin à 100px ou plus afin de voir le nuage entièrement pour les prochaines leçons (nous supprimerons cette marge plus tard).

Essayez vous-même

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