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
  • The challenge
  • Screenshot
  • Links
  • Built with
  • What I learned
• Author

Overview

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Media Queries
• Desktop-first workflow

What I learned

I used a mix of elements, added a table at the end and also implemented the same thing using grid just for practice. It was a good learning to manipulate lists and style the markers.

Author

• Website - LinkedIn
• Frontend Mentor - @DanCodeCraft
• Twitter - @DanCodeCraft