Solution is great. Only one thing I wouldn't add to the styling, limiting the height of the box, in this case body or main, you may just adjust the width, and the height should be as much as client's browsers estate.
One more thing, about responsiveness, when on mobile view, the img of the recipe seems to transform weirdly, it may be because you are setting it's height, usually img tags styled as: width: 100%; and wrap it to external div, and then give the height to the img-wrapper. and that way, you may keep the aspect ratio of the img.
Marked as helpful
@frontpro
Posted
Thanks for the tip you gave me, it's really helpful I appreciate it ☺️@Yakub357