Menu
Coddy logo textTech

Contenedor

Lección 3 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.

A lo largo de este curso, también tendrás la oportunidad de dar estilo a algunos aspectos por ti mismo; ahora crearemos el cielo sobre el que estarán las nubes, ¡asegúrate de elegir un color que te guste para el cielo!

challenge icon

Desafío

Fácil

En el archivo HTML, crea un div dentro de la etiqueta body con el id "container".

Este div será el contenedor de todas las nubes - "The sky".

 

En el archivo CSS, selecciona este contenedor y establece:

  1. height a 100vh (vh = View height)
  2. position a relative
  3. color de fondo de tu elección (¡recuerda, este es el cielo!)
  4. overflow a hidden

Pruébalo tú mismo

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

Todas las lecciones de Nubes en movimiento - Proyecto de HTML/CSS/JS