1
2
3
4
.container {
display: flex;
}
How it works
Learn and test CSS Flexbox layouts interactively with direct visual feedback.
Change the properties of the flex container (such as 'justify-content' or 'align-items') via the control bar. You will immediately see how the arrangement of the boxes in the playground changes. The generated CSS code is displayed live and can be used for your own web projects.
Processing happens entirely locally in your browser.