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 trialmike lyell
3,213 PointsI have checked my code against his 100 times now, yet my layout doesn't go to three columns when I increase screen size
The screen is responsive except it doesn't go to three columns
@media screen and (min-width: 480px){ #primary{ width:50%; float:left;
} #secondary{ width:40%; float:right; } #gallery li { width: 28.3333%; }
#gallery li:nth-child(4n) { clear: left; } }
@media screen and (min-width: 660px){
}
6 Answers
Helmut Granda
10,343 PointsHi mike lyell
The problem was not in your CSS code but in a misspell on your HTML where you link to the stylesheet:
<link rel="stylesheet" href="css/repsonsive.css">
Should be:
<link rel="stylesheet" href="css/responsive.css">
look at the word "RESPONSIVE" very closely, you have the SP reversed.
Helmut Granda
10,343 PointsI know this may sound obvious but did you save your responsive.css file after making changes? I made changes to the file and did not save my changes (you can see an orange dot next to the file if it is not saved) and in fact my changes were not applied.
After saving the code worked as expected.
Here is a sample file with the code you posted to confirm that in fact your code works!
mike lyell
3,213 PointsYeah, It looks right.. Do you know if there is any code in the the main.css file that would override it and not allow 3 columns
Helmut Granda
10,343 PointsNo that I know of and I doubt it, your code that I moved over to my sample was only modifying styles.css and not touching main.css at all.
Jennifer Nordell
Treehouse TeacherHi there! If other people are claiming that it works, but it's not working on your end then in all likelihood there's nothing wrong with your code. Chances are, the issue is with your browser. Have you tried clearing the cache and then refreshing the preview? It sounds like it may be loading in an a cached version of your site.
Let me know if this helps!
mike lyell
3,213 PointsYes I did try that as well as a different browser. I don't I will just move on and ignore it for now.
Jennifer Nordell
Treehouse TeacherWell let's not give up just yet! If you look in the upper right hand side of your workspace you should see a little camera icon. This will allow you to make a snapshot of your workspace. Once you've created go to it and grab the link and post it here. This will allow myself and others to make a copy of your workspace and look around (without changing your copy). I feel confident we can get it sorted out, and it's always best to solve the problem as soon as it's detected!
mike lyell
3,213 Pointsmike lyell
3,213 Pointsthank you ahead of time, tried to continue ahead and the next task adjusting about page didn't work either, so I have obviously messed up something along the way
mike lyell
3,213 Pointsmike lyell
3,213 Pointsthank you very much it works perfectly now!