CSS Flexbox Playground
spunk.codes
Container Properties
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
align-content
stretch
flex-start
flex-end
center
space-between
space-around
flex-wrap
nowrap
wrap
wrap-reverse
gap (px)
Items
+ Add Item
- Remove Item
Reset
Items: 4
Live Preview
Generated CSS
Copy CSS
Share on X