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
  • Tools
  • Features
  • What I Learned
• Resources

Overview

Screenshot

Links

• Solution URL: https://frontendmentor.io/solutions/recipe-page-tO4hoBOjlg
• Live Site URL: https://erratic-enigma.github.io/recipe-page

My process

Tools

• Vite
• SCSS

Features

• Semantic HTML5 markup
• RCCSS (Reasonable System for CSS)
• CSS custom properties
• Flexbox
• CSS Grid

What I achieved

Resources

Attributions

• Fonts
  • Outfit
  • Young Serif
• Images
  • a white plate topped with an omelet and greens