Recipe-page

Hey Neel, Congratulations on completing the recipe page challenge 🎉🎉🎉. Some suggestions:

• I noticed that your layout tends to break down a little on smaller screens. On inspection I noticed that you have used a lot of unnecessary widths and heights on your layout. The width and height you have set on the body and the container class seems unnecessary. I would recommend you get rid of the .box class and wrap the entire page in the .container div or you could use the article tag for proper HTML symantics and give it a max-width. Once you set the max-width You won't be needing the @media query. checkout this article for more
• Since this challenge is mostly focused on using proper HTML symantics I think you could use the section tags to wrap the different sections on the page like the ingredients, preparation etc..
• you could wrap the simple omelette recipe heading in a h1 tag since it is the main header for the page and the others h2 or h3.
• Use rem/em units for font-sizes and margins and paddings as well since it improves the scalability of the page. checkout this article for more

Good job, and congratulations on completing the challenge 🎉✌️.