Learn CSS Grid by Building a Magazine - Step 79

HTML-CSS
1

Tell us what’s happening:

I wrote all .title,.sub-title…author…etc in line still it is showing to follow the order

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{
      font-size:1.8rem;
    }
  
    
      .author{
        font-size:1.8rem;
      }
    

  
    .quote{
      font-size:1.8rem;
    }
  

  
    .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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 Edg/127.0.0.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 79

2

Look at t he instructions in the step. They want the following to be joined together as a selector, as the value for all those are the same:

.hero-subtitle, .author, .quote, .list-title

You have listed them individually.

1 Like
3

since .hero-subtitle, .author, .quote, .list-title have the same styling you can just include them like this
.hero-subtitle, .author, .quote, .list-title{
with the values here;
}