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
  • Links
• My process
  • Built with
  • Continued development
  • Useful resources
• Author

Overview

First Screen Page	Holiday Mention

Links

• Solution URL: Recipe-page

My process

Built with

• CSS custom properties
• Flexbox
• Mobile-first workflow
• Vite - Frontend Tooling
• Shadcn-ui - UI components
• TailwindCss - For styles

Continued development

Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.

Useful resources

• stackoverflow - This helped me for centered images on markdown
• medium - This tell me how to create custome hooks to detect screen size

Author

• Website - rio rifaldi
• Frontend Mentor - rio-rifaldi
• Twitter - riorifaldi2004