Home
/
Developer Tools
/
Flexbox Playground
CSS Flexbox Playground
Visually test flexbox alignments and copy the generated CSS code instantly.
Flex Direction
row
column
row-reverse
column-reverse
Justify Content
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items
stretch
flex-start
flex-end
center
baseline
1
2
3
Generated CSS