⭐ 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 oraz posiadaczy kursu JavaScript) lub na dedykowanej grupie fb. Pamiętaj, aby treść Twojego wpisu spełniała odpowiednie kryteria.
Nadszedł czas, aby stworzyć podstawowy układ strony. Poniżej przedstawiam jej schemat:
- zielone krawędzie to kontenery, które wypełniają całą szerokość okna przeglądarki (mają 100% szerokości),
- niebieskie krawędzie to maksymalna szerokość zawartości naszej strony. Przyjmijmy, że wynosi 1000px,
- pomarańczowe prostokąty to dowolna zawartość sekcji.
Uznajmy, że to nasz nagłówek, który z lewej strony posiada logo, a z prawej – menu. Wykonaj to zadanie w taki sposób, aby elementy wyglądały jak doczepione do lewego i prawego boku.
W tym przypadku mamy treść, która jest podzielona na dwie kolumny o tej samej szerokości. Kolumny dzieli niewielki odstęp. Podobnie jak w poprzedniej sekcji elementy mają przylegać do prawego i lewego boku wyznaczonego przez maksymalną szerokości strony (niebieskie krawędzie).
W tej sekcji mamy 3 kolumny. Tym razem odstępy mają być jednakowe nawet między zawartością a niebieską krawędzią.
Ostatni element to stopka, której wysokość ma być nie mniejsza niż 100px. Jej zawartość ma być wyśrodkowana w pionie oraz w poziomie.
⬅️ poprzednie zadanie |
następne zadanie➡️
⛔ Jeśli nie posiadasz materiałów do tego zadania, znajdziesz je na stronie devmentor.pl