Learn CSS Grid by Building a Magazine - Step 79

HTML-CSS
1

Tell us what’s happening:
Your program is broke. it wont read my first selector in my media selector as a proper selector meaning it wont change to the proper color.
Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn CSS Grid by Building a Magazine - Step 79

Link to the challenge:

2

Welcome to our community!

The “program” is just fine. Read the instruction carefully, and the hint too. The multiple classes selector is what you have to add here instead of creating the separated class selectors with the same property and value:

.class1, .class2, .class3, .class4 {
  property: value;
}
1 Like
3

6 posts were split to a new topic: Project Help - Test Failing

4

All set the issue was I misunderstood the request. It wanted 5 different elements in EACH .main-section not all in total so i just inserted the element into the other 4 .main-section