CSS CSS Flexbox Layout Building a Layout with Flexbox Creating a Three Column Layout with Flexbox

Anwar Rizalman
Anwar Rizalman
Front End Web Development Techdegree Student 15,176 Points

Regarding the order of shorthand flex property

So in this video the flex-basis value is set to the second value of the flex property. The previous video about the flex property also did the same thing as assigning flex-basis to the second value in the shorthand flex property. However, in the css-tricks.com complete guide, the flex is a shorthand for flex-grow, flex-shrink and flex-basis and thus the default value is 0 1 auto.

So I assume the article on css-tricks is outdated or misinformation? Can anyone clarify me on this one?

1 Answer

Steven Parker
Steven Parker
171,245 Points

The flex shorhand has "smart setting".

So even if you only have one or two values, if there is a unit of measurement in the value, it knows to apply it to flex-basis, since the other values are unitless.