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
  • Continued development

Screenshot

Links

• Live Site URL: Add live site URL here

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

What I learned

I implemented mobile-first workflow in this project, which turned out to be pretty effective. It was not difficult to expand the contents to fit a wider screen.

Continued development

I want to perfect mobile-first workflow, such as the usage of media querys as effectively as possible, since I felt like some of the media querys I used were kind of janky.