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 Write CSS Media Queries

Andrew Litchford
Andrew Litchford
6,918 Points

I'm working through a code challenge and I'm near positive that I have the correct code and it still says that it's not.

I'm working through a code challenge and I'm near positive that I have the correct code and it still says that it's wrong. It's task 2 of 2 in stage 8 of responsive web design and testing. I will attach two screen shots for you to see.

https://www.dropbox.com/s/nqp5fes6mj9kq78/Screen%20Shot%202014-07-24%20at%203.06.23%20PM.png

https://www.dropbox.com/s/1uucaxynou8myna/Screen%20Shot%202014-07-24%20at%203.06.39%20PM.png

Thanks, Andrew Litchford

I do not see any screenshots. I think i forgot to add it.

Andrew Litchford
Andrew Litchford
6,918 Points

I did forget but not sure how to add it now.

Use some online hosting (Dropbox or something) to put it in there and post the URL here. That way people here can see what is your actual problem?

Andrew Litchford
Andrew Litchford
6,918 Points

Okay I added them. The first is to show the bummer message and the second shows the code in question. haha Thanks for the help.

1 Answer

Hi! You've almost got it. Inside your media queries, you select elements just as you would in "regular" css. All curly braces- no parentheses needed (except when declaring the breakpoints of course). Try this:

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

@media screen and (min-width: 660px){
       body{
           background: darkgreen;
         }
}
Andrew Litchford
Andrew Litchford
6,918 Points

Woooow I can't believe I overlooked my very stupid mistake. haha I did not catch the parenthesis closing my background. It's always the smallest thing! Thanks so much for the help!