Learn CSS Grid by Building a Magazine - Lesson 79


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:


@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.


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

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