Wykonuje strony internetowe zgodnie z projektami

Dlaczego tak

Element <header> oznacza nagłówek strony z logo i hasłem, <main> — główną, unikalną treść dokumentu, a <aside> — treści poboczne, powiązane luźno z główną, np. panel z linkami partnerów. Znacznik <head> nie jest widocznym paskiem, lecz sekcją metadanych dokumentu, co jest częstą pomyłką. <footer> to stopka, a <nav> — blok nawigacji.

Dlaczego tak

Szerokość względną liczy się jako stosunek wymiaru elementu do wymiaru kontenera: 960 : 1440 ≈ 0,6667, czyli ok. 66,67%. Wynik 150% powstaje po odwróceniu dzielenia (1440 : 960). Ok. 33,33% to szerokość pozostałej części układu, a 96% wynika z błędnego przeniesienia liczby 960 bez dzielenia przez szerokość projektu.

Dlaczego tak

Od szerokości kontenera odejmuje się kolumnę o stałej szerokości i dwa odstępy między trzema kolumnami: 1190 − 250 − 2 · 20 = 900 px. Te 900 px dzieli się na 3 jednostki fr (1 + 2), więc 1fr = 300 px, a trzecia kolumna (2fr) ma 600 px. Wynik ok. 627 px pomija odstępy gap, a 300 px to szerokość drugiej kolumny.

Dlaczego tak

Barwa dopełniająca leży na kole barw o 180° dalej: 210° + 180° = 390°, czyli po odjęciu pełnego obrotu 30° — to odcień pomarańczowy, mocno kontrastujący z niebieskim. hsl(240, …) jest barwą analogiczną, sąsiednią, a hsl(210, 70%, 85%) to jaśniejsza wersja tego samego odcienia, przydatna w palecie monochromatycznej. 120° to zieleń, odległa tylko o 90°.

Dlaczego tak

Przeglądarka sprawdza kroje z listy font-family po kolei i używa pierwszego dostępnego; gdy brakuje Lato i Georgii, sięga po rodzinę ogólną sans-serif, czyli domyślny krój bezszeryfowy systemu. Krój szeryfowy byłby użyty tylko wtedy, gdyby na końcu listy stała rodzina serif. Przeglądarka nie pobiera sama krojów wymienionych z nazwy — robi to tylko reguła @font-face.

Dlaczego tak

Jednostki względne skalują się razem z ustawieniami przeglądarki użytkownika, a kontenery bez sztywnej wysokości rosną wraz z tekstem, więc treść się nie nakłada ani nie jest obcinana — wymaga tego m.in. kryterium WCAG o zmianie rozmiaru tekstu. Stała wysokość bloków powoduje ucinanie powiększonego tekstu. Blokada powiększania odbiera osobom słabowidzącym podstawowe narzędzie, a tekst w obrazkach rozmywa się po powiększeniu.