This is a solution to the Recipe page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
- Live Site URL: GitHub Pages - recipe-page-challenge
- Semantic HTML5 markup
- CSS custom properties
- Mobile-first workflow
- External fonts included into CSS
- Using CSS variables for colors
- Everything You Need to Know About the Gap After the List Marker - The length of the gap can be increased by adding a padding-left to
<ul>
, but only if the marker is positioned outside the list item (the default mode).