CSS Flexbox Generator
Build flex layouts visually and copy the CSS
Direction
row
row-reverse
column
column-reverse
Justify Content
flex-start
center
flex-end
space-between
space-around
space-evenly
Align Items
stretch
flex-start
center
flex-end
baseline
Flex Wrap
nowrap
wrap
wrap-reverse
Align Content
stretch
flex-start
center
flex-end
space-between
space-around
Gap (px)
3 Items
4 Items
5 Items
6 Items
+ Add
− Remove
Copy CSS