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

Kevin Faust
Kevin Faust
15,353 Points
Posted by Kevin Faust
Kevin Faust
15,353 Points

not changing colors to navy

ive looked through over 10 solutions where people had this problem but for some reason mine still isnt working. I must be overlooking something but im not sure what it is

<head> <meta charset="utf-8"> <title>Kevin Faust | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Marck+Script|Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head>

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

the responsive.css file is in the css folder. I checked over 20 times. i also checked on different browsers and everything but nothin is working

Erika Wedenoja
Erika Wedenoja
14,947 Points

Hi Kevin,

I pasted your code above into Workspaces and I get a navy (actually it looks more like royal blue) background in Firefox. Is there some other code in your CSS that could be overriding this @ media rule?

2 Answers

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

Your code seems correct to me. I just did the challenge and I passed it with the code below. Try clearing your browser history.

@media screen and (min-width:480px) {
  body{
     background:navy;
  }
}
Kevin Faust
Kevin Faust
15,353 Points
Kevin Faust
Kevin Faust
15,353 Points

i fixed it finally :)

i changed computers and my responsive.css file wasnt in the main css file. however on my laptop it clearly was inside it. must have been some glitch on my laptop. but anyways thanks to everyone who tried to help!!