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

Kamila Lanewala
Kamila Lanewala
4,942 Points
Posted by Kamila Lanewala
Kamila Lanewala
4,942 Points

Code Challenge css

I have the following code for the challenge but its not accepting my answer. Can you please advise on what I am doing wrong?

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

style.css 
/* Complete the challenge by writing CSS below */

@media (max-width: 1020px) {
.main-header {
  background-color: tomato;
  color: white;
}

  @media (max-width: 768px) {

 .title {
   font-size: 1.4rem;
 }


 h1 {
   font-size: 5rem;
 }
  }
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1 class="main-heading">Lake Tahoe, California</h1>
    </header>

        <div class="primary-content">
            <p class="intro">
                Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
            </p>
            <a class="callout" href="#more">Find out more</a>
        </div><!-- End .primary-content -->
  </body>
</html>

2 Answers

Tim Rohweder
Tim Rohweder
25,527 Points

It looks like you're just missing your closing curly brace for the first media query.

Kamila Lanewala
Kamila Lanewala
4,942 Points
Kamila Lanewala
Kamila Lanewala
4,942 Points

Thanks Tim! That was it :)

Tim Rohweder
Tim Rohweder
25,527 Points

Happy to help! Those typos are easy to miss :)