Responsive layout using media queries

What are you most proud of, and what would you do differently next time?

I am proud of how used flex box direction to change using media queries for mobile and desktop layouts and I have tried to use less CSS than before

What challenges did you encounter, and how did you overcome them?

I have encountered a issue where margin is automatically applied to paragraph elements even after resetting them in the body element, I got confused in this part

What specific areas of your project would you like help with?

I would like help on how to effectively use media queries and do I have to set max-width and max-height since in the given design there are set heights and widths or I can set them as auto