Design comparison
SolutionDesign
Community feedback
- @beowulf1958Posted about 1 month ago
Congratulations on completing this challenge. Your website looks brilliant!
I do have one suggestion: some of the elements need coloring: the markers for prep-time are a raspberry color (--Rose-800), the markers for ingredients and instructios are brown (--Brown-800), as is the values in the table data. Consider adding
.prep-time ul ::marker { color: var(--Rose-800); } .instructios ol ::marker { font-family: outfit, sans-serif; font-weight: 700; padding-right: 10px; color: var(--Brown-800); } .ingredients ul ::marker { color: var(--Brown-800); } .nutrition tbody tr td:nth-last-child(1) { font-family: outfit; font-weight: 700; color: var(--Brown-800); }
Now your page looks exactly like the design! Hope this helps
Marked as helpful0
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