Mostly accurate solution ft. media query

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

I am proud of how I handled the media query and mobile design. In terms of responsiveness, I mostly just used the way HTML content behaves normally, and that made it much easier. There still may be a better way to structure the HTML

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

This is a big jump in difficulty from the previous challenges, so the HTML took longer. Also, I had to learn tables and media queries, which I hadn't used up until now. Most of the time was spent messing around with the margins and padding of all the elements to make it match the design. A side effect of this is that the CSS looks really messy to me. I keep wondering if there's an easier way to handle spacing (maybe with Flexbox, grid, or some more variables?).

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

As I mentioned, I feel like the CSS is messy in places, so any organization tips would be great. I used a lot more element selectors and I don't know if that's best practice or not. As always, I am open to advice in any area if you see anything.