Flex shorthand

flex sets how flex items will grow or shrink to fit the space available in its flex container, shorthand for flex grows, shrink and basis.

To demonstrate: flex:1 2; flex:1 30px; Flex: 1 1 100px;

The order for 3 values are flex grow, shrink and basis.

For future reference you can add up to 3 syntax within the flex propety.