Responsive Recipe Page for Desktop/Mobile using HTML and CSS

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

The solution works for both desktop and all mobile screens, as intended, and looks near perfect compared to the provided design, which is great :)

I found myself to go back and restructure some of the HTML to make the transition from desktop to mobile more effective. Perhaps it would be smart to adopt a mobile-first approach next time.

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

I used some time on figuring out how to implement the styling on the various lists in the solution, however after some research I solved it through overriding some styles for certain child elements!

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

I find spacing to be an area of styling where I spend a lot of time trying to perfect it based on the provided design (keep in mind I have no PRO subscription). I often use padding, sometimes margin, and try to make these scalable in scenarios I find it to be necessary. Would love some tips on how to simplify the spacing approach!