Lekce 1.6

Workshop: přepracování stránky

Responzivní stránka cukrárny od mobilu po desktop, mini-review ve dvojicích podle checklistu a ukázky nejzajímavějších řešení.

Cvičení: Projekt

Vlastní práce na stránce cukrárny Sladká chvilka ve třech navazujících cvičeních. Postupuje se stejně jako stylopis, od kartiček na mobilu přes tablet k desktopu, a každé cvičení staví na tom předchozím.

  1. 1KartičkyVzhled kartiček zákusků na mobilu, zatím bez media query.
  2. 2TabletRozvržení stránky od šířky 660 pixelů – užší obsah, kartičky na šířku a patička ve dvou sloupcích.
  3. 3DesktopRozvržení stránky od šířky 1100 pixelů – hlavička, hero, kartičky i patička vedle sebe.