12 Weeks

Day 14. Rounding Up The Flexbox Course

October 16, 2019


  • 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 .

Quick and Scrappy notes from 12 weeks of learning UX Engineering for the web. More