Standard

Flexbox Generator

Set flex properties visually, then copy the container CSS.

flex-direction

flex-wrap

justify-content

align-items

gap (px)

Number of items

CSS

About this tool

Generates the container's flex properties — apply display: flex plus these to a parent element to lay out its children.