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.