Responsive Recipe Page with HTML, CSS, Flexbox and Media Query

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

I'm happy with how I persisted with this project. For some obstacles along the way, I looked for studies on the subject and managed to fix them. I believe the result is in line with a good responsive website.

Next time, I would probably take some other measures to make the site even more responsive. It's still something I'm perfecting.

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

My main challenges were after making the site mobile-first, to turn an image that covered the entire screen into an image with padding, after that I had difficulties with the lists, I couldn't create space between the bullets and texts. And finally the ''Nutrition'' part was challenging for me, I didn't imagine how to make such a table and I had to resort to research and use flex, but it still didn't turn out like the one in the exercise.

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

Overall, haha, I think my code may have gotten a bit cluttered.

Regarding responsiveness, if there is any way to improve it, I will definitely implement it. In lists too, how to space the text markers. And lastly in flexbox, where I used justify-content: space-between but I would like to reduce the space between the elements for a result closer to the exercise.