https://github.com/kenzycodex/recipe

An easy and quick dish, perfect for any meal. This classic omelette combines beaten eggs cooked to perfection, optionally filled with your choice of cheese, vegetables, or meats.
https://github.com/kenzycodex/recipe

Last synced: about 1 year ago
JSON representation

An easy and quick dish, perfect for any meal. This classic omelette combines beaten eggs cooked to perfection, optionally filled with your choice of cheese, vegetables, or meats.

• Host: GitHub
• URL: https://github.com/kenzycodex/recipe
• Owner: kenzycodex
• License: gpl-3.0
• Created: 2024-06-25T04:55:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-25T05:21:49.000Z (about 2 years ago)
• Last Synced: 2025-02-13T04:51:30.254Z (over 1 year ago)
• Language: CSS
• Size: 1.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Recipe Page Project

This project is a solution to the [Recipe page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm). Frontend Mentor challenges are designed to help you enhance your coding skills by creating realistic projects.

## Overview

### Screenshot

![Recipe Page Screenshot](./assets/images/final_result.png)

### Links

- [Solution URL](https://www.frontendmentor.io/solutions/responsive-landing-page-using-css-grid-and-html5--cMyfDwiIN)

- [Live Site URL](https://kenzycodex.github.io/recipe/)

## Project Details

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- CSS Grid

- Mobile-first workflow

## Learnings

During this project, I gained insights into various aspects of web development. Here are a few highlights:

- Utilizing Semantic HTML5 to structure content efficiently.

- Employing CSS custom properties for easier styling management.

- Implementing Flexbox and CSS Grid for layout flexibility.

- Adhering to a mobile-first workflow for better responsiveness.

## Future Improvements

In future projects, I aim to focus on:

- Enhancing my proficiency in CSS Grid layouts.

- Exploring advanced styling techniques with Styled Components.

## Helpful Resources

- [MDN Web Docs](https://developer.mozilla.org/): A comprehensive resource for web development.

- [Frontend Mentor](https://www.frontendmentor.io/): Offers challenges and resources to improve frontend skills.

- [Styled Components Documentation](https://styled-components.com/docs): Official documentation for Styled Components.

## Author

- [Kenzy Codex ❤](https://wa.me/2347064538411)

- Frontend Mentor - [@kenzycodex](https://www.frontendmentor.io/profile/kenzycodex)

## Acknowledgments

Special thanks to all my coding mentors ❤.