2024-02-16 12:54:55 -06:00
# 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 )
- [Continued development ](#continued-development )
- [Useful resources ](#useful-resources )
- [Author ](#author )
## Overview
### Screenshot
2024-02-24 17:31:32 -06:00
![](./recipe-page-screenshot.png)
2024-02-16 12:54:55 -06:00
### Links
2024-02-24 17:31:32 -06:00
- Solution URL: [source ](https://github/com/fyrfli/recipe-page )
- Live Site URL: [live ](https://your-live-site-url.com )
2024-02-16 12:54:55 -06:00
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Mobile-first workflow
### Continued development
2024-02-24 17:31:32 -06:00
I coded this using vanilla html and css. I will probably re-do this using one of the following:
2024-02-16 12:54:55 -06:00
2024-02-24 17:31:32 -06:00
- [SASS ](https://sass-lang.com/ )
- [Less ](https://lesscss.org/ )
2024-02-16 12:54:55 -06:00
2024-02-24 17:31:32 -06:00
### Useful resources
2024-02-16 12:54:55 -06:00
2024-02-24 17:31:32 -06:00
- [Mozille developer documentation ](https://developer.mozilla.com ) - As usual, I always use the Mozilla documentation to help me remember how to do things.
2024-02-16 12:54:55 -06:00
## Author
2024-02-24 17:31:32 -06:00
- Website - [Camille Frantz (@fyrfli) ](https://diaspora.im/@fyrfli )
2024-02-24 17:32:03 -06:00
- Frontend Mentor - [@fyrfli ](https://www.frontendmentor.io/profile/fyrfli )
2024-02-24 17:31:32 -06:00
- Twitter - [@fyrfli ](https://www.twitter.com/fyrfli )