Responsive Recipe Page using HTML/CSS

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

This was a quick challenge to brush up on my HTML/CSS and using flexbox. I'm proud of how quickly I was able to replicate the design after taking multiple months off of coding. Next time I'll put more research into different ways to accomplish things like spacing and organizing my code.

Next time I'll also use a CSS reset. I kind of rushed through this and didn't think about it until the end.

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

The nutrition table almost got me at first but I was able to figure it out using flex box.

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

My code is kind of all over the place but I'd love suggestions on my media queries and my use of padding (I feel like there's a better way to do my spacing). It's been a while since I've worked on a responsive page and I was never 100% confident with how my pages turned out. I'm still getting used to flex box again and I'm thinking of delving into CSS grid more next. All constructive criticism is very welcome!!