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.
Comments