https://github.com/devsultan06/recipe-page

Recipe Page is a front end challenge from Frontend Mentor-https://www.frontendmentor.io/
https://github.com/devsultan06/recipe-page

Last synced: 5 months ago
JSON representation

Recipe Page is a front end challenge from Frontend Mentor-https://www.frontendmentor.io/

• Host: GitHub
• URL: https://github.com/devsultan06/recipe-page
• Owner: devsultan06
• Created: 2024-05-11T20:29:58.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-11T20:35:06.000Z (about 2 years ago)
• Last Synced: 2025-07-02T02:38:00.033Z (12 months ago)
• Language: HTML
• Homepage: https://devsultan06.github.io/recipe-page/
• Size: 1.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-template.md

Awesome Lists containing this project

README

          
# Frontend Mentor - Recipe page solution

This is a solution to the [Recipe page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [What I learned](#what-i-learned)

- [Author](#author)

- [Acknowledgments](#acknowledgments)

## Overview

### Screenshot

![Screenshot](./Screenshot/Screenshot.png)

### Links

- Solution URL: [https://github.com/Pro-Sultan/recipe-page](https://github.com/Pro-Sultan/recipe-page)

- Live Site URL: [https://frontendmentor-recipepage2.netlify.app/](https://frontendmentor-recipepage2.netlify.app/)

## My process

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Bootstrap- CSS Library

- CSS Grid

- Mobile-first workflow

### What I learned

Throughout the course of this project, I embarked on a journey to refine my skills in crafting responsive web designs. A pivotal aspect of this endeavor involved delving into the realm of Bootstrap, a powerful front-end framework renowned for its robust set of pre-designed components and responsive grid system.

```html



  
Preparation time

  


    


      Total: Approximately 10 minutes

    

    


      Preparation: 5 minutes

    

    


      Cooking: 5 minutes

    

  



```


## Author

- Frontend Mentor - [@Pro-Sultan](https://www.frontendmentor.io/profile/Pro-Sultan)

- Twitter - [@devsultan01](https://www.twitter.com/devsultan01)