Cíl: Žák použije Flexbox pro navigaci a řadu pružných karet.
1. Než jsi začal/a: co má být výsledkem „Flexbox rozvržení“ a které tři znaky sis ve vzoru výstupu označil/a jako povinné?
2. Výchozí stav: který soubor nebo podklad jsi otevřel/a, co už bylo správně a co konkrétně chybělo nebo nefungovalo?
3. Postup práce: napiš po pořadě alespoň čtyři kroky, které jsi skutečně provedl/a. U každého uveď nástroj, soubor nebo nastavení a kdy jsi výsledek uložil/a.
Praktický důkaz a kontrola
Flexbox rozvržení
Zadání: Vytvoř responzivní navigaci a řadu karet bez pevných pozic.
Kritéria:
Výstup přímo dokládá cíl: Žák použije Flexbox pro navigaci a řadu pružných karet.
Nejsou rozbité relativní cesty ani chyby v Console, stránka nepřetéká na úzké šířce a hlavní ovládání je dostupné klávesnicí.
Odevzdání obsahuje pojmenovanou zdrojovou verzi, výsledek „Flexbox rozvržení“ a vyplněný kontrolní protokol.
4. Rozhodování: kterou nejdůležitější změnu jsi udělal/a, proč jsi zvolil/a právě ji a jak s ní souvisejí pojmy flex container, gap, justify-content, align-items?
5. Kontrola a oprava: co jsi přesně otestoval/a, co jsi očekával/a, co se skutečně stalo a kterou jednu chybu jsi potom opravil/a?
6. Finální stav: jak se jmenuje odevzdávaný soubor, kde je uložený, podle kterých kritérií je hotový a co bys příště udělal/a lépe?