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 Adding Breakpoints for Devices

Lim Yongtaek
Lim Yongtaek
3,638 Points
Posted by Lim Yongtaek
Lim Yongtaek
3,638 Points

darkgreen?

Nick put 'darkgreen' on the background as in below.

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

But the color of the background doesn't change to darkgreen in Chrome even when the size of the browser gets over 660px. Did I miss something here?

mikes02
mikes02
Courses Plus Student 16,968 Points

I just tested it in Firefox and Chrome using http://codepen.io/ and it worked for me.

Robert Brown
Robert Brown
12,269 Points

I don't know what to tell you. I'm running chrome(running nexus 4 emulation) on a mac with mavericks and the code above is working for me. Maybe a workspaces issue running in chrome?

2 Answers

Max Weir
Max Weir
14,963 Points
Max Weir
Max Weir
14,963 Points

Hi there, can you tell me what task is this from?

Jane Marianne Filipiak
Jane Marianne Filipiak
7,444 Points
Jane Marianne Filipiak
Jane Marianne Filipiak
7,444 Points

Maybe you should type 'background-color: darkgreen;' and see where that gets you. 'background' is the shorthand version of code for all aspects to do with background, including images etc.