← back
Flexbox Forge
offline
CSS Flexbox Playground
Visual flexbox generator. Adjust properties and see changes live.
Direction
row
row-reverse
column
column-reverse
Flex Wrap
nowrap
wrap
wrap-reverse
Justify Content
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items
stretch
flex-start
flex-end
center
baseline
Align Content
stretch
flex-start
flex-end
center
space-between
space-around
Gap
8px
Items
5
Copy CSS
CSS Output