Lekce 1.1

CSS Grid do hloubky

Linie a souřadnice v mřížce, rozvržení nakreslené jmény oblastí, řádky, které dokreslí prohlížeč, a galerie, jež se přizpůsobí sama.

Cvičení: Kostra stránky

Dvě cvičení, ve kterých postavíme rozvržení stránky jen z pojmenovaných oblastí a pak ho přepneme do jednoho sloupce. Druhé navazuje na první, dělejte je v pořadí.

  1. 1KostraRozvržení stránky ze čtyř pojmenovaných oblastí – hlavička, navigace, obsah a patička.
  2. 2Kostra – pokračováníTentýž mustr přepnutý pro úzké okno a prvek, jehož oblast v mustru chybí.