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 How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Posted by bellapalumbi
bellapalumbi
4,041 Points

My primary and secondary columns won't become one column when I make the window smaller.

They are two columns even when the page is as small as it can get.

Blake Boyles
Blake Boyles
1,284 Points
Blake Boyles
Blake Boyles
1,284 Points

I am having the same issue. I do have my reponsive.css setup. I wrote everything exactly as Nick does in the video.

2 Answers

Alex Peters
PLUS
Alex Peters
Courses Plus Student 3,662 Points
Alex Peters
Alex Peters
Courses Plus Student 3,662 Points

If you are using a big screen (iMac etc) might not be able to make the browser window small enough to mimic a 440px screen. I had this problem, changing the min-width for the first section of code to 660px will enable you to test it and prove the code with the browser you are using. Don forget to change it back to 480px!

Unsubscribed User
PLUS
Unsubscribed User
Courses Plus Student 7,294 Points
Unsubscribed User
Unsubscribed User
Courses Plus Student 7,294 Points

Hey there! Do you have your responsive.css set up? The first section of code should affect the contact.html

@media screen and (min-width: 480px) {

the float left and float right, for primary and secondary ids should follow.

Hopefully this is the same lesson!