Lekcja 5: Jednostki Relatywne (rem, vh, vw)

Piksele są proste, ale mało elastyczne. Poznaj jednostki przyszłości: rem (zależne od ustawień użytkownika) oraz vh i vw (zależne od rozmiaru okna). Dzięki nim Twoja strona będzie skalować się idealnie na każdym urządzeniu.

Kluczowe zagadnienia:

• Jednostki rem vs px.
• Jednostki viewportu: vh (wysokość), vw (szerokość).
• Dostępność i skalowalność.

Sprawdź wiedzę (Pytania do filmu):

1. Co to jest Rem? (Odp: Root EM).
2. Od czego zależy wielkość 1rem? (Odp: Od czcionki przeglądarki/rodzica).
3. Co to jest Viewport Height (vh)? (Odp: Wysokość okna).
4. Dlaczego rem jest lepszy od px? (Odp: Skalowalność/dostępność).
5. Ile to 100vh? (Odp: Cały ekran).