This is a simple Recipe Page, using HTML and CSS, Inspired by Frontend Mentor's challenges.
See the project live on: https://zakaria-el-guerdy.github.io/simple--recipe-PAGE/website/
Technologies Used:
- HTML5
- CSS3
Setup:
- No external dependencies: This project does not require any additional software installation beyond a text editor or code editor of your choice.
- Opening the project:
- Download the project files.
- Open the
index.html
file in your web browser.
Features:
- Responsive layout that adapts to different screen sizes.
- Clear separation of recipe information with dedicated sections for ingredients, instructions, and additional details.
- Use of semantic HTML elements to enhance accessibility.
Deployment (Optional):
- This project can be deployed to any static web hosting platform.
- Simply copy the HTML and CSS files to your hosting provider's server.
Learning Outcomes:
Through this project, I have enhanced my understanding of writing simple and clear HTML. This includes elements like headers, paragraphs, ordered and unordered lists, and more. I've also gained experience with CSS, focusing on core properties like colors, fonts, margins, padding, and other essentials that effectively address specific layout and styling needs.
License:
- This project is for educational purposes only. No specific license applies.
Frontend Mentor Challenge Link:
- You can find the original challenge on Frontend Mentor here: https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm (Link to Frontend Mentor Recipe Page Challenge)