Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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
PLUS
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

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

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

Rob Allessi Please can you delete this post.