Recipe Page

Challenge Description

This challenge is to build out the recipe page.
This challenge is not only to build out the recipe page but also focuses on writing semantic HTML.
Ensuring that through what HTML elements are most appropriate for each piece of content.

Table of Content

1. Challenge Description
2. Purpose
3. Features
4. Installation
5. Preview
6. Contributing
7. Credits
8. Author

Purpose

The purpose of this challenge is to practice building a recipe page with a focus on writing clean, semantic HTML. This project aims to help improve your HTML and CSS skills and ensure that you are using the most appropriate HTML elements for each piece of content.

Features

This recipe page includes the following features:

    - Responsive design for both desktop and mobile views
    - A clear layout with sections for ingredients and instructions.
    

Installation

To install and run this project locally, follow these steps:

    1. Clone the repository:  git clone https://github.com/Yashi-Singh-1/Recipe-Page.git 
    2. Navigate to the project directory:  cd recipe-page 
    3. Open  index.html  in your preferred web browser
    

Preview

The Desktop Preview

The Mobile Preview

Live Demo:

You can see Live Demo Recipe Page

Contributing

If you would like to contribute to this project, please follow these guidelines:

    1. Fork the repository
    2. Create a new branch ( git checkout -b feature-branch )
    3. Make your changes
    4. Commit your changes ( git commit -m 'Add some feature' )
    5. Push to the branch ( git push origin feature-branch )
    6. Open a pull request
    

Credits

This challenge credits go to Frontend Mentor for their idea.

Author

This challnege completed by Yashi Singh on 25-06-2024.