I used to struggle a lot with responsive web design especially media queries
.
Here are the resources that have helped me improve it.

Here are the resources that have helped me improve it.

1/ This article made clear what is the difference between width and max-width. Tip try to have your element's width in percentages.
https://css-tricks.com/tale-width-max-width/]( https://css-tricks.com/tale-width-max-width/
https://css-tricks.com/tale-width-max-width/]( https://css-tricks.com/tale-width-max-width/
2/ Confused about what should be the breakpoints for your media queries. Here check this out https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/
3/ I used to think rem and em are the same
then why different names. But this video made it lot a clear about the difference.

4/ If you want to polish your CSS skills this thread by @devinDford is the best place to go https://twitter.com/devinDford/status/1274817637332193282?s=20
5/ And last but not the least @KevinJPowell 's YouTube channel. It is literally a gold mine for people who want to improve their HTML and CSS.
Quoting Kevin here "Websites are by default responsive we are who make it unresponsive"
Quoting Kevin here "Websites are by default responsive we are who make it unresponsive"
6/ What are the articles/videos that have helped you better understand responsive design.