Learn CSS Grid by Building a Magazine - Step 79

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

Hi. Your code worked for me.

You may have to do a “hard refresh” of a page in your browser if you have an out of date, cached version of that website.

While on the problematic site use the key combination below to trigger a hard refresh depending on your operating system:

  • Windows: CTRL + F5
  • Mac/Apple: Apple + Shift + R or Command + Shift + R
  • Linux: F5

To learn more about this read: http://refreshyourcache.com/en/cache/

If a hard refresh doesn’t work, try opening the problematic page in your browser’s private browsing mode.

Hi, thank you so much for your help.

It didn’t work to do a hard refresh, but opening it in an incognito window worked. I was getting pretty annoyed with looking at that “98%” …

Thanks!

1 Like