Flexbox Generator
Configure CSS flexbox properties and see the layout render in real-time.
Flex Direction
row
row-reverse
column
column-reverse
Justify Content
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items
stretch
flex-start
flex-end
center
baseline
Flex Wrap
nowrap
wrap
wrap-reverse
Gap:
10
px
Items count:
4
Copy HTML
Copy CSS
Tailwind
Reset
Code copied