Flex With Flexbox

The flex-grow property specifies how much a flex item will grow relative to the rest of the flex items.

All items have flex grow 0

Items will accupy only specified width, not less not more.

Item 1
Item 2
Item 3

All items have flex grow 1

Items will have equal width

Item 1
Item 2
Item 3

Item 2 and item 3 grow in a ratio 1:2

Item 1
Item 2
Item 3