Flexbox Generator
Display:
flex
inline-flex
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
Flex Wrap:
nowrap
wrap
wrap-reverse
Align Content:
stretch
flex-start
center
flex-end
space-between
space-around
1
2
3
4
5
6
Paste Flexbox CSS
Apply Pasted CSS
CSS Code
Copy CSS
Reset