flex: 0 1 auto;

Shorthand for flex-grow, flex-shrink and flex-basis combined.

The second and third parameters (flex-shrink and flex-basis) are optional. Default is 0 1 auto.


.item {

  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]



*default: 0 1 auto.


Recommended that this shorthand property is used rather than setting the individual properties.

Leave a Reply

Your email address will not be published. Required fields are marked *