Learn CSS Grid by Building a Magazine - Step 79

HTML-CSS
1

I can’t get my 3rd media query to work. I think it is because there are multiple selectors and I’m not formatting it correctly.

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

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

Link to the challenge:

2

Without seeing the rest of your code, it’s difficult to know what else might be wrong, but you shouldn’t have a comma at the end of this .list-title selector.

2 Likes
3

Hello!

I believe the issue may be the comma behind the .list-title. The system may be looking for more to code due to that comma.

The rest looks good to me.

Happy coding!

1 Like
4

That was it, thank you!

1 Like
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.