Understanding a difference between the shorthand flex and flex-basis properties

Question

I\'m seeing two different things happen to HTML elements when using flex and flex-basis. How is the second example below, using flex-basis &