Challenge # 4 | Recipe Page

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

Similar to the previous challenge, I am most proud of how fast I was able to whip up the entire page (though I did have some breaks in between) and how my css structuring has improved over the course of these projects. Something that I'd probably do differently next time would be to bunch up css properties that are used by multiple elements.

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

I'd say it would be the width/height of the main container. In the reference image, everything was scaled down in comparison to what I had. Another thing would be the responsiveness of the page when switching to other resolutions. Even now, it is still wonky and I probably should've continued to work on it.

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

In this challenge, I would like some advice on proper image handling and manipulation. I feel like for every challenge so far that involved images, I spent most of my time trying to get them the way they're supposed to, so any sort of pointers or tips in relation to them would be greatly appreciated. I would also like help on the responsiveness of the page and even when I used a media query, it still isn't acting the way that I would want it.