Menu
Coddy logo textTech

Container

Lição 3 de 18 do curso Nuvens em Movimento - Projeto HTML/CSS/JS da Coddy.

Ao longo deste curso, você também terá a chance de estilizar alguns aspectos por conta própria; agora vamos criar o céu onde as nuvens estarão, certifique-se de escolher uma cor que você goste para o céu!

challenge icon

Desafio

Fácil

No arquivo HTML, crie uma div dentro da tag body com o id "container".

Esta div será o container de todas as nuvens - "The sky".

 

No arquivo CSS, selecione este container e defina:

  1. height para 100vh (vh = View height)
  2. position para relative
  3. cor de fundo de sua escolha (lembre-se, este é o céu!)
  4. overflow para hidden

Experimente você mesmo

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

Todas as lições de Nuvens em Movimento - Projeto HTML/CSS/JS