Interactive Flexbox Explorer 🎨

flex-direction: row row-reverse column column-reverse

justify-content: flex-start flex-end center space-between space-around space-evenly

align-items: stretch flex-start flex-end center baseline

flex-wrap: nowrap wrap wrap-reverse

align-content: stretch flex-start flex-end center space-between space-around

gap: 0px

Select Item:

order:

flex-grow:

flex-shrink:

flex-basis:

align-self: auto flex-start flex-end center stretch