Learn CSS Grid by Building a Magazine - Step 77

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/ Safari/537.36

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

Link to the challenge:

hello, check your spelling

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

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

ok I found it. It was an easy mistake

it would be:

mod edit: solution removed

I missed .image-wrapper selector:)

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

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