Zaprojektuj stronę z artykułami, która zmienia układ w zależności od szerokości ekranu — używając media queries.
1. Elementy strony:
- nagłówek (logo (randomowy obrazek) + tytuł strony)
- główny artykuł (duże zdjęcie + tytuł + krótki opis)
- lista 4–6 mniejszych artykułów
- sidebar (np. „Najpopularniejsze”)
Responsywność:
Telefon (do 600px):
- wszystko w jednej kolumnie
- sidebar przeniesiony na dół
- artykuły jeden pod drugim
Tablet (601px – 1024px):
- główny artykuł na górze
- mniejsze artykuły w 2 kolumnach
- sidebar pod artykułami lub z boku (do wyboru)
Komputer (powyżej 1024px):
- layout 3-kolumnowy:
- lewa: artykuły
- środek: główny artykuł
- prawa: sidebar
- główny artykuł większy niż reszta
