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

General Discussion

Responsive Web Design and Testing Code Challenge Help

What am I not seeing here? (thanks in advance!)

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

A:

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

R: Bummer! Did you change the background color to navy for devices larger than 480px?

5 Answers

"min-width" not "mid-width"

omg....thank you!

ok, I've updated and it worked until I went onto the next challenge, completed next challenge and got the response that my previous code doesn't work anymore and now I'm back to where I started with the same issue (except I've correct to "min-width")

Any thoughts as to why this is happening?

can you show me the exact error message?

it's weard, i don't remember to encouter this scenario when a challenge is forcing you to return to a previous code.

The response was saying that "oops!" my "previous code is not passing" and then gives the option to go back to the previous task.

I took a 5 minute break to make a coffee, came back and somehow figured out my error. (retyped everything and now it's working for both challenges).

Thank you for getting back to me!