Flexbox Generator
Set up a flex container visually, tweak each item's grow, shrink and basis, then copy the CSS.
flex-direction
flex-wrap
justify-content
align-items
align-content
Click an item to edit its flex properties.
CSS
Set up a flex container visually, tweak each item's grow, shrink and basis, then copy the CSS.
Click an item to edit its flex properties.