Lekcja 4: RWD i Media Queries

Większość ludzi przegląda internet na telefonach. Twoja strona MUSI być responsywna (RWD). Nauczysz się pisać zapytania (Media Queries), które zmieniają wygląd strony (np. układ menu) w zależności od szerokości ekranu.

Kluczowe zagadnienia:

  • Responsive Web Design (RWD).
  • Media Queries (@media).
  • Punkty łamania (Breakpoints).

Sprawdź wiedzę (Pytania do filmu):

  1. Co oznacza RWD?
  2. Jak zaczyna się zapytanie o media?
  3. Co to jest breakpoint?
  4. Co zrobiliśmy z flexboxem na mobilce (jaki kierunek)?
  5. Gdzie piszemy media queries?