02

✅ Jeśli będziesz mieć problem z rozwiązaniem tego zadania, poproś o pomoc na odpowiednim kanale na Slacku, tj. s1e02-html-and-css-basics (dotyczy mentee) lub na ogólnodostępnej i bezpłatnej społeczności na Discordzie. Pamiętaj, aby treść Twojego wpisu spełniała odpowiednie kryteria.

 

#02 HTML i CSS: Responsywność

Twoim zadaniem jest ułożenie elementów zgodnie z porządkiem:

• A
• B
• C

Każdy z elementów jest wyświetlany jeden pod drugim w odpowiedniej kolejności. Każdy z nich powinien mieć wysokość równą 50% dostępnej przestrzeni dla viewportu.

Jeśli szerokość vieportu przekroczy 600px, układ strony powinien zmienić się na poniższy:

• A A
• C B

Wówczas element A zajmuje cały pierwszy wiersz. W drugim wierszu mieszczą się elementy C i B, zajmując po 50% dostępnej przestrzeni. Żaden z wierszy nie przekracza 1200px szerokości, a cała zawartość jest wyśrodkowana.

W zadaniu wykorzystaj display: grid. Nie modyfikuj HTML-a!

 

⛔ Jeśli nie posiadasz materiałów do tego zadania tj. PDF + wideo, projekt + Code Review, znajdziesz je na stronie devmentor.pl

⬅️ poprzednie zadanie | następne zadanie ➡️