Learn CSS Grid by Building a Magazine - Step 77

HTML-CSS
1

I can’t pass media query:( What is my code problem?

@media only screen and (max-width: 720px){
  grid-template-columns: 1fr;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

hello, check your spelling

3

thanks @hbar1st , i fixed the spelling error but it doesn’t pass again

4

the problem now is not @media but something else:

Inside, create an .image-wrapper selector and give it a grid-template-columns property of 1fr

1 Like
5

ok I found it. It was an easy mistake

it would be:

mod edit: solution removed

I missed .image-wrapper selector:)

6

glad you got it. No need to post the solution though.

7

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