← back to ground0
⌨ terminal
css_flexbox_playground
Interactive flexbox layout builder
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
align-content
stretch
flex-start
flex-end
center
space-between
space-around
gap (px)
10px
+ Add Flex Item
Reset Items
1
2
3
Copy CSS
CSS copied!