Now that the magazine layout is finished, you need to make it responsive.
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.
This will collapse the three images into one column on smaller screens.
@shyanneash18 Hello! The fCC community is here to serve you, but we need your help so we can serve you better. Could you copy and paste or provide a link to all of your code for this? Sometimes there could be more than one issue to resolve in the code. Also what is your question, or what are you struggling with? What have you already tried, and what was the results? Please provide more information.
Now that the magazine layout is finished, you need to make it responsive.
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.
This will collapse the three images into one column on smaller screens.