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

Dave Lowther
PLUS
Dave Lowther
Courses Plus Student 20,797 Points
Posted by Dave Lowther
Dave Lowther
Courses Plus Student 20,797 Points

I'm not seeing the background color changes. Copy & pasted code from me responsive.css to the code challenge & passed.

responsive.css code:

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

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

index.html:

<link rel="stylesheet" href="css/main.css"> 
<link rel="stylesheet" href="responsive.css">

The responsive.css line is copy and pasted into contact and about pages.

1 Answer

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi David,

I think it maybe a file path error, try:

<link rel="stylesheet" href="css/responsive.css">
Dave Lowther
Dave Lowther
Courses Plus Student 20,797 Points
Dave Lowther
Dave Lowther
Courses Plus Student 20,797 Points

Banks head against desk. That fixed it. Thank you!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

No problem, we've all been there :)