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 Jami Schwarzwalder
Jami Schwarzwalder
17,961 Points

@media query expression

I"m not sure what I"m doing wrong, but it won't let me pass the lesson and gives me the error

Make sure you're including the @media query expression inside parenthesis. Preview

style.css 
@media screen and (max-width: 1020px) {
    .main-header {
        background-color: tomato;
        color:white;
    }
}
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>

3 Answers

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

It's a silly reason, there isn't anything wrong with your code. The challenge testing is very strict and wants specific things to be in particular places.

Remove the 'screen and' and your code will pass.

Ondrej Moravcik
Ondrej Moravcik
15,223 Points
Ondrej Moravcik
Ondrej Moravcik
15,223 Points

The verifying program is really bad - it took me plenty of time to figure out that I should add some spaces and remove some for my solution to be accepted. :-/

Ben Os
Ben Os
20,008 Points
Ben Os
Ben Os
20,008 Points

Indeed, its problematic, I will report Guil Hernandez on this.