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
Jack Fitzgibbon
7,607 PointsText 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:
Thank you in advance.
4 Answers
Chris Hinton
Courses Plus Student 12,588 PointsHi 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
Chris Hinton
Courses Plus Student 12,588 PointsNo problem, glad you got it sorted.
Jack Fitzgibbon
7,607 PointsJust one more thing, how can I stop the text and header moving to the right when I resize the window, thanks.
Chris Hinton
Courses Plus Student 12,588 PointsThe 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
7,607 PointsRob Allessi Please can you delete this post.
Jack Fitzgibbon
7,607 PointsJack Fitzgibbon
7,607 Pointsyes I have thank you :)