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

1. We've set display flex and a gap of 1.5 rem to the parent, and to each of the divs, we've set a width of 33.33%.

2. Now instead of using the width property here, we can specify the same using another property, flex-basis. flex-basis: 33.33%, we can set the initial width of an item

3. When we want all equal sized items, we can set the initial width to 0, that is flex-basis to 0% and then set flex-grow for each of the items to 1. Now why is this better?Because now we can add another item, say copy this and paste it, and still all four blocks take up the same space. If flex-basis was 33.33%, we had to change it to 25%

Flex shorthand: flex: flex-grow flex-shrink flex basis. This property flex can take in a single value also, or double values or all three values.