Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Rick Wise
Rick Wise
4,034 Points

Doesn't it make sense to....?

I don't really understand why he makes the "Welcome" content the Secondary column. Doesn't it make sense to make it primary from the get-go in the HTML? Then you wouldn't have to worry about giving the secondary value a "-1."

Is there something I'm missing?

Gari Merrifield
Gari Merrifield
9,597 Points

I think the whole point is to demonstrate how you can easily rearrange the content.

1 Answer

Tyler Dix
Tyler Dix
14,230 Points

I think it's a design choice. From a mobile-first perspective, everything is ordered perfectly ("Welcome" appears at the top). When the layout is displayed horizontally on a large display, the design choice is to have "Welcome" appear in second place (middle), and make it a bit wider.

I think there are many valid use-cases for this, and that's probably why we're learning it. I hope that explains this (confused me as well at first).