Design comparison
Solution retrospective
This is my solution.Please give me opinion and suggestion.I'm always warmly welcome your feedback and suggestion.Thank you.
Community feedback
- @khinyadanarhtoon14Posted 8 months ago
Thanks you for your suggestion. I'll definitely give it a try
0 - @mbtenkorangPosted 8 months ago
Hello ๐โโ๏ธ @khinyadanarhtoon14 ,
๐๐๐ฅณ๐ Congratulations on solving the challenge.
A few tips to improve your solution:
-
I noticed you are using
<b>
tags for some parts of the text that should be boldened. The more suitable element is<span>
. Then you target these with the required css to achieve the desired styling. -
You will have to wrap the text in the
<li>
with a<p>
to make the css declaration
p{ font-family: "Outfit", sans-serif; }
in your code achieve the desired effect.
- You should also consider using a
<table>
element to display the nutritional information.
To read more about the
<span>
and<table>
elements. Check the MDN links below๐I hope these recommendations help improve your solution. All the best ๐
0 -
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