Flexbox Playground

Interactive visual sandbox to build, test, and extract CSS Flexbox layouts instantly.

flex-direction

justify-content

align-items

flex-wrap

align-content

Manage Items

Generated CSS

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
align-content: normal;