thisisadityarao/FM-recipe-page

Frontend Mentor Project - Recipe Page

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

Overview

Screenshot

Links

• Solution URL: Github Repository
• Live Site URL: Hosted on Github Page

My process

Built with

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

What I learned

I learned about vertical rhythm and it's importance in typography. I also learned about and used clamp() function to create fluid type system that is responsive to screen sizes.

Continued development

I would want a better way to implement vertical rhythm in future challenges. Also, would to leverage custom properties for fluid type system.

Useful resources

• Utopia - One of the best tools to create fluid type and space systems.
• min-max calculator - Much simpler version of Utopia for single interpolated values between two endpoints.

Author

• Website - Aditya Rao
• Frontend Mentor - @thisisadityarao
• Twitter - @thisisadityarao