
Design comparison
SolutionDesign
Community feedback
- @rameesha0126Posted about 1 month ago
Improvements suggestions
- The fonts "Young Serif" should be used for headings and "Outfit" should be used for rest of the elements.
- For the unordered and ordered lists, change to "list-style-position: outside".
- To make the list items in "preparation" and "Instructions" section look similar to the given design, you can use <span> elements to wrap the bold text sections where you can change the font-weight only for them.
- For text elements, first define the given font size inside the html element, and then use rem to define sizes for headings and paragraphs.
html { font-size: 16px; }
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