CSS Flexbox & Grid Playground
Experiment with flexbox and grid layouts and copy the CSS.
Items (4)
Live Workspace (FLEX)
display: flexItem 1
Item 2
Item 3
Item 4
Generated CSS
.container {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 16px;
}