CSS flex Property

The css flex property specifies the ability of a flex item to alter its dimensions to fill the available space. flex is a shorthand property comprised of the flex-grow, flex-shrink, and flex-basis properties. A flex item can be stretched to use available space proportional to its flex grow factor, or reduced proportional to its flex shrink factor to prevent overflow.

Syntax for flex property

[ flex-grow flex-shrink flex-basis ] | none | auto | initial | inherit