Flexbox Grids

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%