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

Posted by Jack Fitzgibbon
Jack Fitzgibbon
7,607 Points

Text column problem

When the webpage's width is over 960px the columns stack on top of each other, they aren't supposed to be stacked. Does anyone know how to fix this?

CodePen:

http://cdpn.io/azGbt

Thank you in advance.

4 Answers

Chris Hinton
Chris Hinton
Courses Plus Student 12,588 Points

Hi Jack,

Did you fix it already? I've had a look in Safari and Chrome (both on Mac) and the columns appear side by side for me.

Chris

Jack Fitzgibbon
Jack Fitzgibbon
7,607 Points

yes I have thank you :)

Chris Hinton
PLUS
Chris Hinton
Courses Plus Student 12,588 Points
Chris Hinton
Chris Hinton
Courses Plus Student 12,588 Points

No problem, glad you got it sorted.

Jack Fitzgibbon
Jack Fitzgibbon
7,607 Points

Just one more thing, how can I stop the text and header moving to the right when I resize the window, thanks.

Chris Hinton
PLUS
Chris Hinton
Courses Plus Student 12,588 Points
Chris Hinton
Chris Hinton
Courses Plus Student 12,588 Points

The header and text moving when you resize seems to be to do with the "box-sizing: border-box;" clause in your .main_container rule. When I remove it, the text stops moving around, but it also changes the layout of your screen a little so, if you were going down the route of removing that, you might need to play with your section dimensions a bit too.

I noticed that your normalize.css and main.css links return 404 errors too - that might be the cause of some of your problems.

Hope this helps.

Jack Fitzgibbon
Jack Fitzgibbon
7,607 Points
Jack Fitzgibbon
Jack Fitzgibbon
7,607 Points

Rob Allessi Please can you delete this post.