Desafio Pagina receita com HTML CSS, utilizando flexbox

Excellent work 👏, here are some suggestions:

• Use semantic tags like article, section, table.
• If you look closely you will see that all the content is a 'card', and the image is inside this card.
• The image in the mobile version could be said to start at coordinates 0, 0 (it occupies the width of the viewport). One of the options to achieve this is with position: relative.
• In the Nutrition section, don't you think that semantically it corresponds to a table?
• You could give a margin-bottom to the attribution class, give it some space.

I hope this helps you, I invite you to visit my solution, maybe it will give you some ideas. 😎

Overall it looks great. The only things I can see that are a bit different from the design file are:

• A bit more padding around the prep section
• A bit too much left margin for the Instructions and Nutrition sections
• The horizontal rules aren't equally distant between elements

Other than those couple of things you are doing great. Just keep practicing and you'll get even better with time.