Day 14. Rounding Up The Flexbox Course

Notes

• flex-grow specifies how much of the space left an item occupies when all items have occupied their specified size. Default value is 0;
• flex-shrink specifies how a flex item behaves when there’s not enough space left in the parent container. Default value is 1;
• flex-basis specifies the actual width of a flex item. Default value is auto;
• The short hand for flex-grow, flex-shrink and flex-basis is flex. The default value is flex: 0 1 auto.
• For a flex container to wrap, we have to give it the width by flex-basis .