Lekcja 7: Wymiary i Przepełnienie

Jak duży ma być element? Czym różnią się sztywne piksele od elastycznych procentów? Dowiesz się też, co zrobić, gdy tekstu jest za dużo i wylewa się z pudełka – poznasz właściwość overflow.

Kluczowe zagadnienia:

  • Jednostki px vs %.
  • Właściwości width i height.
  • Zarządzanie treścią wystającą (overflow).

Sprawdź wiedzę (Pytania do filmu):

  1. Jaka jednostka jest sztywna (nie zmienia się)?
  2. Jaka jednostka jest relatywna (zależy od rodzica)?
  3. Co oznacza width: 100%?
  4. Co robi overflow: hidden?
  5. Co robi overflow: scroll?
  6. Czym się różni max-width od width?
  7. Co to jest vh (viewport height)?
  8. Czy ustawienie wysokości height na sztywno jest bezpieczne?
  9. Jak sprawić, by element zajmował cały ekran?
  10. Domyślna szerokość diva to…?