Learn CSS Grid by Building a Magazine - Step 80

Why am i getting an error? I am almost certain this code is correct.

@media only screen and (max-wiidth: 420px) {
  .hero-title {
    font-size: 4.5rem;
  }
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn CSS Grid by Building a Magazine - Step 80

Link to the challenge:

I believe the challenge is bugged. I am 99.9% positive I just passed the lesson with the exact same code that I was not passing with. This also happened in the 2 previous challenges for this lesson. Both dealt with @media query’s.

Check the width spelling. Once you change that,the code will work.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.