https://yoavsbg.github.io/css-flexbox-playground/

CSS Flexbox Playground

Experiment with different flex properties to understand how they
affect layout. Adjust the controls below to see changes in real-time
and copy the generated CSS code.

1
2
3
4
5
flex-direction: [row           ]
justify-content: [flex-start   ]
align-items: [stretch   ]
flex-wrap: [nowrap      ]
Copy

Made with  by Yoav Sabag * YouTube * GitHub * Open analytics