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
Kevin Wong
10,787 PointsNone of my media queries are working?
I've included <link rel="stylesheet" href="css/responsive.css"> under my main.css on all of my pages. And my responsive.css page is like this: @media screen and (min-width: 480px) { body { background: navy; } }
@media screen and (min-width: 660px) { body { background: darkgreen; } } However, whenever I resize it, none of the colors appear when they should. When I checked the page source, the responsive.css wasn't linked, it said 404 not found so it must be a linking issue with the HTML.
1 Answer
KRIS NIKOLAISEN
54,971 PointsMove your responsive.css file to the css folder and you should be good.
Kevin Wong
10,787 PointsThank you. I accidentally skipped through that part in the video lol.
KRIS NIKOLAISEN
54,971 PointsKRIS NIKOLAISEN
54,971 PointsCan you post a snapshot of your workspace? It's the camera icon in the upper right corner.