Vytvořte si repozitář na základě šablony cviceni-galerie. V repozitáři máte soubor index.html, style.css a obrázek se zadáním úkolu. Prohlédněte si pečlivě HTML strukturu, všímejte si jak jsou prvky do sebe zanořené.
Zařiďte, aby se fotogalerie měnila tak, že pro různé šířky prohlížeče je na jednom řádku vždy jiný počet obrázků vedle sebe.
Viz obrázek zadani-ukolu.jpg.
responsive layout result
Okno prohlížeče:
- výchozí (=mobil) - 1 obrázek na řádku (tj. 12 obrázků pod sebou)
- širší než 500px - 2 obrázky vedle sebe
- širší než 650px - 3 obrázky vedle sebe
- širší než 800px - 4 obrázky vedle sebe
- širší než 1000px - 6 obrázků vedle sebe
HTML není potřeba nijak upravovat.
Výsledek bude vypadat takto:
responsive layout result