Menu
Coddy logo textTech

Kontener

Lekcja 3 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.

W trakcie tego kursu będziesz mieć również okazję samodzielnie stylizować niektóre elementy. Teraz stworzymy niebo, na którym będą chmury — wybierz kolor nieba, który Ci się podoba!

challenge icon

Wyzwanie

Łatwy

W pliku HTML utwórz element div wewnątrz znacznika body z identyfikatorem "container".

Ten element div będzie kontenerem na wszystkie chmury — "The sky".

 

W pliku CSS wybierz ten kontener i ustaw:

  1. height na 100vh (vh = wysokość widoku)
  2. position na relative
  3. wybrany kolor tła (pamiętaj, to niebo!)
  4. overflow na hidden

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Poruszające się chmury — projekt HTML/CSS/JS

Poćwicz samodzielnie: Edytor online Web