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
Hannah Cook
Courses Plus Student 794 PointsWithin that same media query, add the appropriate CSS to increase the size of the level one header to 2.75em
This is the current code in my media query. My code to change the level one header is incorrect. How can I fix this so that it will change the size of the h1 header to be 2.75em when the screen resolution is at 705 px?
@media screen and (max-width: 705px) { .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 { width: 100%; }
#intro img { display: none; }
#nav ul li.h1 { width: 100%; margin: 0; font-size: 2.75em; } }
3 Answers
Stone Preston
42,016 Pointssince the question says Within that same media query, add the appropriate CSS to increase the size of the level one header to 2.75em, why not try
h1 { font-size: 2.75em; }
instead of
#nav ul li.h1 { width: 100%; margin: 0; font-size: 2.75em; }
Hannah Cook
Courses Plus Student 794 PointsNo luck. The extra bracket is closing the media query.
Stone Preston
42,016 Pointsok just took the challenge and it looks like you are using the wrong selector. see my updated answer
Hannah Cook
Courses Plus Student 794 PointsThat worked! I tried almost that exact code but had a # in front of h1. Thank you!
Stone Preston
42,016 Pointsglad you got it working : )