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

CSS CSS Basics (2014) Enhancing the Design With CSS Media Queries

Posted by Karen Creighton
Karen Creighton
30,185 Points

Media Queries Challenge, question 2, gives a Bummer message for the rem size, but I exactly copied the video example.

I'm on the second question of the Media Queries challenge. It says to set the .title font-size at 1.4 rem. I've copied the example from the video immediately preceding the challenge, Layout with Media Queries, at the 5:00 marker. I get an error message that I'm not specifying the correct rem size.

This is the code I put in:

@media (max-width: 768px) { .title { font-size: 1.4rem; } h1 { font-size: 5rem; } }

Any help is greatly appreciated!

2 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Karen,

That css is correct. Did you put it after the 1020px media query? Make sure that you have properly closed off the 1020px media query before adding the 768px query.

Post the css you're trying for both tasks if you're still having trouble.

Karen Creighton
Karen Creighton
30,185 Points
Karen Creighton
Karen Creighton
30,185 Points

Hi Jason,

Thanks so much for the help and encouragement. I will check that I closed the previous query.

Much appreciated!

Karejn