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.
