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 Adding Breakpoints for Devices

Alf-Olav Nilsen
Alf-Olav Nilsen
1,846 Points
Posted by Alf-Olav Nilsen
Alf-Olav Nilsen
1,846 Points

3 column vs 2 column

have a problem can't get this to work.. #primary { width:50%; float:left; }

#secondary { width:50%; float:right; } }

Where as the mobilview is still 3 column.

3 Answers

Olga Kireeva
Olga Kireeva
9,609 Points
Olga Kireeva
Olga Kireeva
9,609 Points

I noticed that you have two curly braces at the end of #secondary. I would also suggest to check the placement of ids primary and secondary in html file and media query syntax. Hope it helps.

Jacob Mishkin
Jacob Mishkin
23,117 Points
Jacob Mishkin
Jacob Mishkin
23,117 Points

There is a couple of things I would look for. 1st, check and see if you added the clearfix to the floated elements in the CSS. 2nd, double check and see if you are using id's or classes in the markup. Sometimes this is the issue. if you can paste some more code into the question it would be easier to look at, and see what is going on. I hope this helps.

Alf-Olav Nilsen
Alf-Olav Nilsen
1,846 Points
Alf-Olav Nilsen
Alf-Olav Nilsen
1,846 Points

Thanx for your input. It's the combination of curly brackets, and the nice id that i'd misspelled.