flex-grow

Sets the flex grow factor to the provided number. Negative numbers are invalid. 7.2.1. The flex-grow property

Links about flex-grow

1. Understanding flex-grow, flex-shrink, and flex-basis | CSS-Tricks

   posted on November 13, 2020

   When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div

   

2. Digging Into the Flex Property - Ahmad Shadeed

   posted on August 5, 2020 by iShadeed

   How CSS flex-grow, flex-shrink, and flex-basis works.

   

3. `flex-grow` is weird. Or is it? | CSS-Tricks

   posted on April 11, 2017

   The following is a guest post by Manuel Matuzovic. It illustrates how flex-grow works, weird quirks and all. Then he goes into several examples on how

   

Code sample

li {
  flex-grow: 1;
}