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 Layout Basics CSS Layout Project Column Layout with Media Queries

Igor Kałużny
Igor Kałużny
4,337 Points

Tertiary column floats in the middle between two columns.

Tertiary column floats in the middle between two columns instead of far right.

4 Answers

Cory Harkins
Cory Harkins
16,500 Points

I'm assuming that you don't want this behavior? And you would rather your tertiary column float right?

primary, secondary { float: left; }

tertiary { float: right; }

Cory Harkins
Cory Harkins
16,500 Points

The columns in my opinion are based off of content; so to say what column holds the most pertinent information.

In design, contrast/images/colors are all used to direct attention (focus) towards what you wish the viewer/user to see first.

If I remember correctly for this course, the column holding the image is given the class primary? (haven't seen it in a while).

In the mobile format, the image column is put first I believe, and then as the view widens, the image column becomes framed by two columns of no-visual-interest (iirc).

Ultimately the naming convention options are yours alone to dictate, just as at the time was his, therefore, if you wish to change it, no harm, no foul.

:)

Igor Kałużny
Igor Kałużny
4,337 Points

Ow thank you it worked. A stupid mistake because I assumed that I need to float the second column to the right, since it will be on the right from the first one :)

Igor Kałużny
Igor Kałużny
4,337 Points

By the way do you know why is he naming the first column secondary, and the second primary?

I think it is just how Guil wanted to set it up. You can really switch it up if you really wanted to. From how I look at it, the primary column is the main content of the page, therefore it is the primary column. It just comes after the intro column which is the secondary column.