This is a solution to the Recipe page challenge on Frontend Mentor.
- Live Site URL: A tasty Omelette waiting 😋
Feel free to use any workflow that you feel comfortable with. Below is a suggested process, but do not feel like you need to follow these steps:
- Look through the designs to start planning out how you'll tackle the project. This step is crucial to help you think ahead for CSS classes to create reusable styles.
- Before adding any styles, structure your content with HTML. Writing your HTML first can help focus your attention on creating well-structured content.
- Write out the base styles for your project, including general content styles, such as
font-family
andfont-size
. - Start adding styles to the top of the page and work down. Only move on to the next section once you're happy you've completed the area you're working on.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
I've gained insights on applying different fonts, improving my knowledge of the process.
For starting this in your machine, open the terminal and follow these commands:
git clone the repo
git clone https://github.com/Vinayy-B/frontEnd.git
cd into working directory
cd Recipe_page
open http://localhost:3000 in browser to run.