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

HTML How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

How do I get "darkgreen"?

This color is not recognized on my system (Google Chrome Version 44.0.2403.157 (64-bit)) on Mac OSX (10.10.5) retina screen.

2 Answers

Hannah Gaskins
Hannah Gaskins
14,572 Points

Hey Harold,

Make sure you have all spacing and formatting exactly as Nick does in the video there.

Also can you try using the hex value (#006400)? Also if you replace "dark green" with say "orange" does the break point work then? Additionally here is a list of CSS color names you can use with most modern browsers to test this principle:

http://www.w3schools.com/cssref/css_colornames.asp

If you are unable to replace dark green with a hex value or another known color, you may want to check out your code once again. I find it easy to just start completely over when I can find a bug in a line of code ¯_(ツ)_/¯

Hope this helps a bit !

Thanks Hannah,

The problem is now solved. Both of the values you suggested work, and now, even "darkgreen" works. There must have been a character out of place???

Harold

Hannah Gaskins
Hannah Gaskins
14,572 Points

Hey Harold,

Can you clarify where you are looking for dark green? Are you woking on a CSS doc? If so can you paste the code? If you are seeing an error message could you elaborate a bit further on that? With a bit more information we may be able to better assist here.

Cheers!

I'm doing the into "build a website course" and I'm in the section on responsive design learning to do media queries.

Here's the code.

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

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

There are two symptoms.

  1. In the workspace screen, "darkgreen" does not change color to indicate that it is recognized like "navy."
  2. When I view the page, the color does not change from navy as the screen size expands.