CSS Grid: Use Media Queries to Create Responsive Layouts

[oliverdudman]

I made this post to help someone else with the same challenge. I hope it helps you too

Stuck in CSS grid exercice: Use Media Queries to Create Responsive Layouts

Tell us what’s happening: Hello, I don’t understand what are media queries in CSS grid system. Are media queries specific instructions or just a concept? I can’t do the exercice because I don’t understand what is asked from me. Your code so far <style> .item1 { background: LightSkyBlue; grid-area: header; } .item2 { background: LightSalmon; grid-area: advert; } .item3 { background: PaleTurquoise; grid-area: content; } .item4 { background: l…