Learn CSS Grid by Building a Magazine - Step 79

[tusi-on-code]

Tell us what’s happening:
Hey guys, I am new to freeCodeCamp, I can’t seem to be finding a solution to this even when my code appears right.

Your code so far

}

@media only screen and (max-width: 550px) { 
  .hero-title {
    font-size: 6rem;
  },
  .hero-subtitle, .author, .quote, .list-title {
    font-size: 1.8rem;
  },
  .social-icons{
    font-size: 2rem;
  },
  .text {
    font-size: 1.6rem;
  }
}

ERROR

Test

Sorry, your code does not pass. Don’t give up.

Hint

Your new @media rule should have a .hero-title selector, a .hero-subtitle, .author, .quote, .list-title selector, a .social-icons selector, and a .text selector. These selectors should be in this order.

}

@media only screen and (max-width: 550px) { 
  .hero-title {
    font-size: 6rem;
  },
  .hero-subtitle, .author, .quote, .list-title {
    font-size: 1.8rem;
  },
  .social-icons{
    font-size: 2rem;
  },
  .text {
    font-size: 1.6rem;
  }
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

freeCodeCamp.org

[DobarBREND]

@tusi-on-code

@media only screen and (max-width: 550px) { 
  .hero-title {
    font-size: 6rem;
  },
  .hero-subtitle, .author, .quote, .list-title {
    font-size: 1.8rem;
  },
  .social-icons{
    font-size: 2rem;
  },
  .text {
    font-size: 1.6rem;
  }
}

You don’t need a comma after the closing curly braces.

[tusi-on-code]

Thank you so much, looked like a small issue but took me a lot of time to figure out!