Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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