Visually build CSS Flexbox layouts. Adjust properties, see the preview, copy the code.
display: flex — enables flex context
flex-direction — main axis direction
justify-content — main axis alignment
align-items — cross axis alignment
flex-wrap — single or multi-line
gap — spacing between items
flex-grow — how much item grows
flex-shrink — how much item shrinks
flex-basis — initial main size
align-self — override cross alignment
order — visual ordering
flex: 1 — shorthand for grow:1 shrink:1 basis:0