flex-grow

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 *