Flexbox

Další hodnota vlastnosti display
display: flex
Chová se jako blokový prvek, ale ovlivňuje rozložení prvků unitř
Prvku s display: flex říkáme flex kontejner a jeho přímým potomkům flex položky
Tahák na csstricks
Žabičky flexboxfroggy.com

Cvičení 1

Forkněte si cvičení na Flexbox layout github.com/Czechitas-podklady-WEB/Cviceni-Flex-layout
Upravte CSS, aby výsledek vypadal jako na obrázku

Cvičení 2

Flexbox kontejnery je možné do sebe i zanořovat
Forkněte si cvičení na Flexbox layout github.com/Czechitas-podklady-WEB/Cviceni-Zanoreny-flex
Upravte CSS a HTML, aby výsledek vypadal jako na obrázku

Cvičení 3

Miniprojekt nejen na flexbox
Forkněte si cvičení na Flexbox layout github.com/Czechitas-podklady-WEB/Cviceni-Boty
Upravte CSS, aby výsledek vypadal jako na obrázku