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