Help with media queries

Hello everyone, i’ve jst finished a project and decided to practice grid, im happy with how it looks on desktop but i have no clue how to make it responsive using media queries. Am I supposed to manually make the special CSS rules for every media query? Is there some website that you can just upload your files and generate everything??

Heres the link to what ive made hope someone can help me out or review what ive made a bit!

https://daniellefiene.github.io/Build-a-Website-Design-System/

Some reading from W3C:

C32: Using media queries and grid CSS to reflow columns | WAI | W3C

With any luck, this should get you started.

Great man, thank you so much! I was struggling so much you won’t believe. Immediately gonna read it, thanks again.

1 Like