Tell us what’s happening:
I can’t see where I’ve gone wrong. I’ve looked it over 50 times. Can someone please help?
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
@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;
}
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Challenge Information:
Learn CSS Grid by Building a Magazine - Step 79