Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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

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
221,294 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.