Frontend Mentor - Recipe page solution

This is my solution to the Recipe page challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

Screenshot

The first screenshot of the challenge (before adding CSS)...

And this is the last screenshot of the finished page!

Links

Link to the page in Vercel: Recipe page challenge by Daniel Camacho

Link to my Github page: Daniel Camacho's Github page

My process

Built with

The challenge was developed using HTML and CSS (flexbox) and... nothing else!

What I learned

The CSS styles and HTML tags used weren't new for me, but I learned to color HTML elements using HSL like this:

.the-most-basic-HTML-element{
    color: hsl(14, 45%, 77%);
}

Author

• Frontend Profile Daniel Camacho's Frontend Profile
• Twitter (as known as X currently) Daniel Camacho's Twitter Profile