flex-basis sets the initial main size of a flex item. auto means that the element will be
automatically sized based on its content, or on any height or width value if they are
defined.
flex-grow sets the flex grow factor of a flex item's main size.
flex-shrink sets the flex shrink factor of a flex item. If the size of all flex items is
larger than the flex container, items shrink to fit according to flex-shrink.