Skip to content

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

License

Notifications You must be signed in to change notification settings

pizofreude/fec-delicious-choco-chip-cookie

Repository files navigation

Frontend Challenge: Chocolate Chip Cookie

This repository contains the code for a delicious chocolate chip cookie created entirely with HTML & CSS!

Live Demo:

See the cookie in all its glory here: Link to Codepen HTML file.

Technical Details:

  • This project uses HTML for basic structure and CSS for styling and animation (no JavaScript).
  • The cookie is created using a circular element with a background color resembling a baked cookie.
  • Chocolate chips are positioned on top using smaller circles.
  • Rotated rectangles add a touch of realism by representing crumbs.
  • Feel free to experiment with the CSS to customize the cookie's appearance (color, size, etc.).

How to Run:

  1. Clone this repository:

    git clone https://github.com/pizofreude/fec-delicious-choco-chip-cookie
  2. Open the index.html file in your web browser to see the cookie!

Contributing:

We welcome contributions to this project! If you have ideas for improvements or additional cookies you'd like to create with CSS, feel free to submit a pull request.

License:

This project is licensed under the Apache 2.0 License. See the LICENSE file for details.

Enjoy your delicious CSS cookie!

About

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages