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

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Richard Boag
Richard Boag
5,547 Points
Posted by Richard Boag
Richard Boag
5,547 Points

Media queries not working?

When I created my responsive.css file it somehow removed normalize.css from my workspaces tabs. I put normalize.css back in my css folder, but when I enter my media queries for responisive.css they're not getting applied to my page. Ex: I don't get two columns.

Dominic Davies
Dominic Davies
5,284 Points
Dominic Davies
Dominic Davies
5,284 Points

Hi Richard,

did you figure this one out?

I had the same thing... I left an extra curly brace at the end of my #secondary declaration in responsive.css if you've checked you code then you could also...

  1. check you put your link to responsive.css in about, contact and index.html below your main.css
  2. make sure responsive.css is in your css folder.

Hope you cracked it.

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

If there's a syntax error in the media query, the whole thing will be ignored by the browser.

You could try sharing your code, or better yet, make a snapshot of your workspace and post the link to it here.