Design comparison
Solution retrospective
- Keep to try even though it was hard.
- Pay attention on the divs which css should be affecting.
- For the list, the height is not the original one, I put some margin-bottom for each li
- For the list, the bullets have some space between the text, I used padding-left for the li so that there will be space
- Using tailwind, sometimes the config doesn't apply, I don't know why and haven't figured it out.
- There are a lot of duplications on the styles
- When there's no padding , the li marker won't show.
Any feedback on the improvements
Community feedback
- @aaditamanugrahaPosted 6 months ago
Hi yoyov!
your code are already nice, but maybe you can pay attention more to style because as a front end it's very nice if you can stay same as the design. You can see the
style-guide.md
file at the challenge file to find the right color for your code.Happy coding and keep grinding everyday!
Marked as helpful0@yoyov51234Posted 6 months ago@aaditamanugraha Thank you for the comments. Regarding your comment, I checked again on the design, changed the font color of Nutrition table. I also made some gap changes for the tables, it's now better than before. : )
If possible, could you please help point out the differences directly next time, since sometimes i dindn't notice the differences : (, Thank you very much for your inputs!
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