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

Item 2 has flex-basis 33%;

Item 1
Item 2
Item 3

Items are intialize with flex-basis of 25%;

Item 1
Item 2
Item 3
Item 4

The 'Flex' Property

The flex property is a shorthand property for the flex-grow ,flex-shrink, and flex- basis property

Everything default - flex: 0 1 auto

Item 1
Item 2
Item 3

flex : 1 1 25%

Item 1
Item 2
Item 3