Frontend Mentor - Recipe page solution

This is a solution to the Recipe page 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
• Author
• Acknowledgments

Overview

Simple static recipe page

The challenge

Learning how to position elements via CSS.

Screenshot

Links

• Solution URL: GitHub link to the code
• Live Site URL: live site uploaded in Vercel

My process

1. Analyzing the task.
2. Structure the HTML and naming the classes.
3. Adding external lins (in needed).
4. Creating style.css.
5. Testing and fixing the bugs.

Built with

• Semantic HTML5 markup
• CSS
• BEM methodology
• Desktop-first workflow

What I learned

I learned how to create static web page.

Continued development

I'm currently focused on practicing HTML and CSS with BEM methodology.

Author

• Linkedin - Nikolay Toshev
• Frontend Mentor - @gilotin
• GitHub - @gilotin

Acknowledgments

I want to thank my family, friends and the whole internet community for helping me to become a better programmer.