Lekce 1.2

Flexbox a responzivní vzory

Jak si prvky dělí místo v řádku, kdy sáhnout po mřížce a jak psát velikosti tak, aby se stránka přizpůsobila sama.

Cvičení: Karta produktu

Dvě cvičení nad kartou produktu. Nejdřív postavíme rozvržení jedné karty, pak z víc karet poskládáme řádek, který se sám zalomí.

  1. 1KartaKarta produktu, která v úzkém okně stojí na výšku a v širším se otočí na řádek.
  2. 2Karta – pokračováníKarty vedle sebe v řádku, který se sám zalomí, a proč v něm sloupce nelícují.