Learn CSS Grid by Building a Magazine - Lesson 79

Hi,

I added the 3rd media query but it gives an error executing. Not sure why, could you please help out. Please see my CSS code below from the section:

Thanks.
Ala

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

Please post a link to the challenge you are on.

Hi,

Thanks for the response.

Please see link below:

your code passes for me.
Can you reset the step and copy the solution from here again to see if it passes?
Alternatively try a different browser (or disable browser extensions to see if they are interfering with this step)

Hi @hbar1st,

Tried on Microsoft edge and it worked.

Kind regards

1 Like