CSS flex Property

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

---

flex-grow: A number specifying how much the item will grow relative to the rest of the flexible items

flex-shrink: A number specifying how much the item will shrink relative to the rest of the flexible items

flex-basis: The length of the item. 

                  Legal values: "auto", "inherit", or a number followed by "%", "px", "em" or any other length unit

auto: Same as 1 1 auto.

initial: Same as 0 1 auto.

none: Same as 0 0 auto.

inherit: Inherits this property from its parent element.