Learn CSS Grid by Building a Magazine - Step 79

HTML-CSS
1

Tell us what’s happening:

Hi fCC family! Please check my code and tell me what I’m missing so I can finnish the lesson. Thank you.

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

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 79

2

Hi

Look at this example syntax (taken from W3 Schools) for a media query and check this against yours. The CSS rules should go inside the main query.

@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}