Learn CSS Grid by Building a Magazine - Step 79

I dont know how to go further. I’m stuck here!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

@media only screen and (max-width: 550px) {
  .hero-title {
    font-size: 6rem;
  }
  .hero-subtitle, {
    font-size: 1.8rem; 
    }
  .author {
   font-size: 1.8rem; 
  }
  .quote {
    font-size: 1.8rem;
  }
  .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:

The instructions indicate you should have 4 selectors within the media query selector. Instead, you have 7 selectors.

I have tried the 4 selectors. Let me try again now.

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

I found the error. Thanks!