Hi @good-mistake 👋
Very well done 🤩 Congratulations 🎉
Great job using <main>
, <header>
, and <section>
👍. One may view the recipe as part of another bigger page with its header, footer, and side section. There is a slightly better way to semantically denote the recipe rather than using the <main>
element. The <article> element represents a complete and self-contained piece of reusable content, such as a newspaper article, forum post, blog post, or recipe. 👌You may wrap the recipe card with the <article> element. For example:
<body>
<main>
<article class="main-container">
<header>
<img .../>
<h1>Simple Omelette Recipe<h1>
<p>...</p>
</header>
<section>
<h2>Ingredients</h2>
...
</section>
<section>
<h2>Instructions</h2>
...
</section>
<section>
<h2>Nutrition</h2>
...
</section>
</article>
</main>
</body>
Otherwise, your typography, colors, and white spacing are on point 👌. I'd also like to compliment you on your excellent page responsiveness. 🙌 Overall, it is a very well-done project! Congratulations! 🎊 I hope you find my comments useful 🫶