Skip to content
Flx

Flexbox Playground

Tune flex properties and copy the CSS.

1
2
3
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;

About Flexbox Playground

Adjust core Flexbox properties with a live preview and copy the CSS. Everything runs in your browser.

How to use

  1. Adjust properties
  2. Check the preview
  3. Copy the CSS

FAQ

Free?

Yes.

Uploaded?

No.