Flex With Flexbox

The flex-basis property specifies the initial length of a flex item

Item 2 has width of 200px. flex-basis: 200px;

Item 1
Item 2
Item 3

flex-basis : 33%

Item 1
Item 2
Item 3

The 'Flex' property

The flex property is a shorthand prp[erty for the flex-grow, flex-shrink and flex-basis properties.

Everything default - flex : 0 1 auto;

Item 1
Item 2
Item 3

flex : 1 1 25%

Item 1
Item 2
Item 3
Item 4