Co je CSS Flexbox?

Flexbox rozkládá položky do řádků nebo sloupců se zarovnáním a distribucí – základní moderní rozvržení CSS.

display:flex na nádobě s flex-direction, justify-content a align-items řídí, jak se děti natahují a zabalují. Flexbox vyniká v navigačních lištách, řadách karet a vertikálním centrování bez plovoucích hacků.

V kombinaci s mřížkou CSS získáte dvourozměrná rozvržení. Tentaco Flexbox Generator poskytuje výstup CSS typu copy-paste s živým náhledem pro prototypování.