The flex shorthand makes it easier to declare flex-shrink, flex-grow, and flex-basis, but it sometimes has unexpected results because the defaults differ.
When using the
flex shorthand notation, both
flex-shrink default to 1 and
flex-basis defaults to 0. However, when using the
flex-grow defaults to 0 and
flex-shrink defaults to 1. Did I get that right?