Floaty neboli nikdy určené pre čarovanie s layoutom stránky. Floaty nám mali len dať možnosť hodiť obrázok do textu a nechať text obtekať okolo neho. My sme ale večne nespokojní a chceme pekné stránky a chceme sa podobať knihám a časopisom a mať hlavičky a pätičky a sidebary a všetky tieto veselosti. Flexbox je prvý CSS modul špeciálne určený pre layout. Vďaka nemu môžeme zabudnúť na všetko to floatovanie a clearovanie a margin: autovanie a iné špinavé odžuby. Vďaka flexboxu CSS vyzerá, že funguje:)

Flexbox, CSS display: flex

Responzívny layout cez CSS display: flex

Flex je pre nás užitočný hlavne pri responzívnom dizajne. A sním je spojený aj nasledovná finta.

Box-sizing: border-box, CSS funckia calc()

Tieto videá sú súčasťou balíčka http://webrebel.sk/.
Kde nájdeš kopu ďalších šikovností.