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 trialOliver Johnson
551 PointsCannot move passed code challenge. help!
I have the following code challenge: Create a breakpoint for devices 480 pixels wide or larger. Inside the breakpoint, set the h1 font-size to 2.5em.
The code I entered is as follows:
@main screen and (min-width: 480px) { h1 { font-size: 2.5em; } }
This keeps resulting in an error, any pointers??
2 Answers
Chris Jardine
13,299 PointsHi Oliver
You have "@main" it should be "@media" and as Jennifer mention make sure the media query is at the bottom of your file.
Jennifer Nordell
Treehouse TeacherHi there! I don't see anything obviously wrong with your code which makes me suspect that the culprit here is the placement of the code. Remember the cascading nature of CSS. If you've written your media query at the top of the file, it will be overwritten by rules below it. Make sure your media query is at the bottom of your file.
Hope this helps!
Oliver Johnson
551 PointsHey Jennifer, Thanks for your comments! Unfortunately for me, I did put the code at the bottom of the sheet so I don't understand why it's wrong...
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherNice catch! I missed the
@main
instead of@media
Thanks for helping in the Community, Chris Jardine!Oliver Johnson
551 PointsOliver Johnson
551 PointsAbsolute legend! Cheers mate.
Chris Jardine
13,299 PointsChris Jardine
13,299 PointsGlad to help!