Zorgoth.com
CSS Flexbox
Sandbox
Adjust flex container and item properties live. Copy the generated CSS for your project.
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
center
flex-start
flex-end
stretch
baseline
flex-wrap
nowrap
wrap
wrap-reverse
gap:
12
px
Items
Preview
Generated CSS
Copy CSS