Menu
Coddy logo textTech

Conteneur

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

Tout au long de ce cours, vous aurez également l'occasion de personnaliser certains aspects par vous-même ; nous allons maintenant créer le ciel sur lequel se trouveront les nuages, assurez-vous de choisir une couleur que vous aimez pour le ciel !

challenge icon

Défi

Facile

Dans le fichier HTML, créez un div à l'intérieur de la balise body avec l'id "container".

Ce div sera le conteneur de tous les nuages - "The sky".

 

Dans le fichier CSS, ciblez ce conteneur et définissez :

  1. height à 100vh (vh = View height)
  2. position à relative
  3. couleur d'arrière-plan de votre choix (rappelez-vous, c'est le ciel !)
  4. overflow à hidden

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>

Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS