Defines the ability for a flex item to grow, if necessary.


.item {

  flex-grow: <number>; /* default 0 */




If all items have flex-grow set to 1, the remaining space in the container will be distributed equally to all children. If one of the children has a value of 2, the remaining space would take up twice as much space as the others (or it will try to, at least).

Leave a Reply

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