Hello!
In recipe.css, you have multiple @media screen and (max-width: 768px)
blocks
, I suggest grouping them together into a block for easier maintenance.
The background color, paddings and gaps looks a bit different than the design, but that's understandable because of not having the Figma design file. Other than that I think it looks very close to the original design.
You use semantic HTML tags and the component is responsive on laptop and on mobile.
Good job on finishing the project!