About this tool
Tweak flex-direction, justify-content, align-items and flex-wrap and see the result instantly, all in your browser.
Frequently asked questions
What does the preview show?
A flex container with five numbered boxes that re-arrange live as you change the properties.
Is the CSS ready to use?
Yes, copy the generated .container rule straight into your stylesheet.