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 Write CSS Media Queries

Oliver Johnson
Oliver Johnson
551 Points

Cannot 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

Hi Oliver

You have "@main" it should be "@media" and as Jennifer mention make sure the media query is at the bottom of your file.

Oliver Johnson
Oliver Johnson
551 Points

Absolute legend! Cheers mate.

Glad to help! :smiley:

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi 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! :sparkles:

Oliver Johnson
Oliver Johnson
551 Points

Hey 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...