Tests display:flex with various justify-content and align-items values.
flex-direction: row (default)
1
2
3
flex-direction: column
1
2
3
justify-content: center
1
2
3
justify-content: space-between
1
2
3
justify-content: space-around
1
2
3
align-items: center (container height: 120px)
1
2
3
align-items: flex-end (container height: 120px)
1
2
3
Back to index