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

Posted by Pedro Cabezas
Pedro Cabezas
9,646 Points

Media query not accepted in challenge question. Topic: "Write css Media Queries"

Hi I'm having a problem with the challenge question in the challenge quiz. The question goes

"Create a breakpoint for devices 480 pixels wide or larger. Inside the breakpoint, set the body background to the color navy."

My response; @media screen and (min-width 480px) {body {background: navy;}}

Also tried @media (screen) and (min-width 480px) {body {background: navy;}} @media (screen and min-width 480px) {body {background: navy;}} @media (min-width 480px) {body {background: navy;}}

All of these are coming up as wrong but its exactly how it was structured in the tutorial. Am I missing something because it also fails to work on my default browser?

Gary Ford
Gary Ford
14,475 Points

Try putting a colon ( : ) after min-width.

Pedro Cabezas
Pedro Cabezas
9,646 Points

Thanks Gary. Its worked. Dumb mistake. That'll show me not to do this half asleep.

1 Answer

Gary Ford
Gary Ford
14,475 Points

I know what you mean. Glad I could help. :-)