Flexbox Generator

Flex Direction

Justify Content

Align Items

Flex Wrap

Gap

Use any valid CSS gap value, such as 16px, 1rem, or 1vw.

Generated CSS

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 16px;

Live Preview

row, center, center, nowrap, gap 16px

Item 1

Item 2

Item 3

Item 4