Lekcja 20: Projekt CSS2 – Responsywny Landing Page

Wprowadzenie:
Zwieńczenie Twojej nauki CSS! Weźmiemy projekt Landing Page z kursu HTML5 i zamienimy go w nowoczesną, responsywną stronę. Zastosujemy Flexbox do menu, Grid do układu treści, animacje wejścia i sprawimy, że całość będzie wyglądać świetnie na telefonie.

Kluczowe zagadnienia:

  • Łączenie Flexboxa i Grida.
  • Praktyczne zastosowanie RWD.
  • Polerowanie detali (cienie, gradienty, animacje).

Sprawdź wiedzę (Pytania do filmu):

  1. Czego użyliśmy do układu głównego?
  2. Czego użyliśmy do responsywności?
  3. Jaki element jest „hamburgerem” (teoretycznie)?
  4. Co dało nam płynne przewijanie?
  5. Jaki jest efekt końcowy?