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
michaelkyllo
11,330 PointsMy media queries don't work from my style.css sheet, but it does work if I enter it directly into my index file <style>
Please help
2 Answers
Jennifer Nordell
Treehouse Teachermichaelkyllo Oh wow! I had to look at this for a while before I spotted it. You're missing a single closed curly brace which is causing the styles below it not to be applied. It's missing here:
.main-header, ul{
background: #3acec2;
padding: 1em 0;
Color: #fff; /* I'd change this to lower case color */
text-decoration: none;
} /* This is what's missing. Add in this end curly brace and suddenly your site becomes responsive! */
.main-footer {
text-align:center;
padding: 2em 0;
background: #99e4ea;
}
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherIt sounds like your style.css sheet is either in the wrong place or not being linked correctly. But to know for sure, we're going to need to see it. If you're doing this on a workspace the easiest way to show us is by clicking the camera icon on the upper right hand side and creating a snapshot. Click on the snapshot to open it and link us the URL.