This project is a Recipe web Page . The design was inspired by a challenge from Frontend Mentor, and the code was developed entirely from scratch.
- Responsive design for mobile and desktop
- Ingredients and instructions listing
- User-friendly navigation
- HTML5: For the basic structure of the web page
- CSS3: For styling the components and ensuring responsiveness
To get a local copy up and running, follow these simple steps:
Ensure you have the following installed:
- A modern web browser (Chrome, Firefox, Safari, Edge)
- A code editor (VS Code, Sublime Text, etc.)
-
Clone the repository:
-
Navigate to the project directory:
cd recipe-page
-
Open
desktopindex.htmlin your web browser to view the application.
The project structure is organized as follows:
recipe-page/
├── index.html
├── css/
│ └── styles.css
├── images/
│ └── [image files]
├── README.md
- Frontend Mentor for the design inspiration
Feel free to explore the project, use it as a base for your own projects, or suggest improvements. Thank you for checking out this Recipe Page project!