pizofreude / fec-delicious-choco-chip-cookie

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

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!