Property: flex-basis
Default: flex-basis: auto
1
flex-basis: auto
2
flex-basis: auto
3
flex-basis: auto
4
flex-basis: auto
Different flex-basis
values (act like width on the main axis)
1
flex-basis: 200px
2
flex-basis: 300px
3
flex-basis: auto
4
flex-basis: 100px
Percent values (note that it's necessary to combine with flex-shrink
)
1
flex-basis: 25%
2
flex-basis: auto
3
flex-basis: auto
4
flex-basis: 50%