Learn CSS Grid by Building a Magazine - Step 79

I cannot for the life of me complete this step.

Instructions:

Step 79

Create a third @media query for only screen with a max-width of 550px. Within, create a .hero-title selector with a font-size set to 6rem, a .hero-subtitle, .author, .quote, .list-title selector with a font-size set to 1.8rem, a .social-icons selector with a font-size set to 2rem, and a .text selector with a font-size set to 1.6rem.

My 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;
}
}

Error message:

Test

Sorry, your code does not pass. Hang in there.

Hint

You should have a new @media query for only screen with a max-width of 550px. This should come after your previous two.

Please provide link to the task and format your code(instruction below).

add space in between