2024-02-28 23:03:49 +01:00
# Frontend Mentor - Recipe page solution
2024-04-07 08:13:27 +02:00
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.
2024-02-28 23:03:49 +01:00
## Table of contents
2024-04-07 08:13:27 +02:00
- [Frontend Mentor - Recipe page solution ](#frontend-mentor---recipe-page-solution )
- [Table of contents ](#table-of-contents )
- [Overview ](#overview )
- [Screenshot ](#screenshot )
- [Links ](#links )
- [My process ](#my-process )
- [Built with ](#built-with )
- [What I learned ](#what-i-learned )
- [Continued development ](#continued-development )
- [Useful resources ](#useful-resources )
- [Author ](#author )
2024-02-28 23:03:49 +01:00
## Overview
### Screenshot
2024-04-07 08:13:27 +02:00
Mobile
2024-02-28 23:03:49 +01:00
2024-04-07 08:13:27 +02:00
![](./screenshots/mobile.png)
2024-02-28 23:03:49 +01:00
2024-04-07 08:13:27 +02:00
Desktop
2024-02-28 23:03:49 +01:00
2024-04-07 08:13:27 +02:00
![](./screenshots/desktop.png)
2024-02-28 23:03:49 +01:00
### Links
2024-04-07 08:13:27 +02:00
- Solution URL: [Github ](https://github.com/tarasis/tarasis.github.io/tree/main/projects/FrontendMentor/newbie/recipe-page )
- Live Site URL: [Tarasis Github.io ](https://tarasis.github.io/FrontendMentor/newbie/recipe-page/ )
2024-02-28 23:03:49 +01:00
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
### What I learned
### Continued development
### Useful resources
## Author
2024-04-07 08:13:27 +02:00
- Website - [Robert McGovern ](https://tarasis.net )
- Frontend Mentor - [@tarasis ](https://www.frontendmentor.io/profile/tarasis )
- Twitter/X - [@tarasis ](https://www.twitter.com/tarasis )