Frontend Mentor - Recipe page solution

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.

Table of contents

• Overview
  • Screenshot
  • Built with
  • Useful resources
  • Author

Overview

• This challenge was very straightforward, using simple HTML and CSS to build. Though it was fairly simple, one area I found interesting was the unordered and ordered lists. I have never styled the bullet points and/or numbers for the lists. This did take some research on my part, but I was able to learn something new.

Screenshot

Built with

• Semantic HTML5 markup
• CSS custom properties

Useful resources

• W3 Schools - W3 Schools is an extrememly helpful resource. It provides straightforward explanations and also being able to configure the examples in the code editor is very helpful.

Author

• Frontend Mentor - @KNWard