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
james freyre
526 PointsWhy is the background color on my site not changing?
I appear to have the same code as in the video yet when I increase and decrease the browser size, a white background does not change to navy or dark green (as in my css code). Here is my CSS and HTML code.
'''@media screen and (min-width: 480px) { body { background: navy; } }
@media screen and (min-width: 660px) { body { background: darkgreen; } }'''
'''<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>James Freyre | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400i,700,700i,800i" rel="stylesheet"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css">
</head>'''
1 Answer
Dea Brunner
3,076 PointsBe sure that you have {} on the right places.