Design comparison
SolutionDesign
Community feedback
- @mbtenkorangPosted 9 months ago
Hello ๐โโ๏ธ@mahasowmi12 ,
๐๐ฅณ Congratulations on attempting the challenge.
A few tips to improve it though
- Use
<section>
tags for the various sections of the recipe i.e. Ingredients, Nutrition,Instructions instead of<div>
tags. - Use an
<ol>
with<li>
children to display the Instruction steps. - Use a
<table>
for displaying the nutritional information.
You can read more about the recommended tags in the links below๐:
These adjustments should help improve the semantic HTML of your solution.
All the best and happy coding ๐๐งโ๐ป
Marked as helpful0 - Use
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord