Skip to content

Hey! I made this simple recipe card web page to practice HTML and CSS — nothing fancy, just a clean card showing a salad picture, difficulty level, and star ratings. I’m still learning, so I kept it straightforward. I played around with flexbox, hover effects, and styling images.

Lumacodes/Recipe-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Recipe Card Project

Hey there!

This is a simple recipe card web page I built to practice HTML and CSS.
It’s a clean, minimal card showcasing a salad picture, difficulty level, and star ratings.

Recipe card Example


About This Project

I’m still learning, so I kept it straightforward — using flexbox, hover effects, and some image styling.
It’s a great starting point if you want to build or customize your own recipe cards!

I use Arch Linux btw!


How to Use

  • Simply open the index.html file in any modern browser to see it live.
  • No setup or build tools required — super simple!

Feel Free To

  • Fork this repo and make it your own
  • Improve the styling, add new features, or customize the layout
  • Share feedback or tips to help me learn more!

Support

Thanks for stopping by — I hope this inspires your next web project!

If you'd like to support me, you can buy me a coffee here:
https://ko-fi.com/lumacodes

About

Hey! I made this simple recipe card web page to practice HTML and CSS — nothing fancy, just a clean card showing a salad picture, difficulty level, and star ratings. I’m still learning, so I kept it straightforward. I played around with flexbox, hover effects, and styling images.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published