Learn CSS Grid by Building a Magazine - Step 77

Tell us what’s happening:
please guys, how do i go about the @media rule?..I’m so confused right now
Your code so far


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.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

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

Link to the challenge:

It looks like your code was too long to be ported over automatically when this post was created, so I can’t see what you’ve tried.

The instructions:

Start with a @media query for only screen with a max-width of 720px . Inside, create an .image-wrapper selector and give it a grid-template-columns property of 1fr .

Below is some information on media queries, demonstrating the syntax for creating them. Hopefully this should help you understand what to do?

If it’s not working for you, please share the code that you have tried so that we can see where you might be going wrong.

Hello @MasterPerfect97 !

I found an article in the FCC News that explains the @media query and provides examples for us.

FCC News Media Query

If you still need help with this problem, please post the complete html and css codes using ``` backticks before and after each the html and the css codes?

Great progress!

1 Like

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