ℹ️ For detailed information about the contest, check out devadvent/readme

Dev Advent Calendar 🎅 Puzzle 12 - Xmas Tree Art 🎄

This puzzle will be less a puzzle and more a challenge. It will be different from the JavaScript puzzles before 😉

The elves are having a little competition about who makes the most beautiful art about a Christmas tree, and since you've been helping them out a great deal lately, they invited you to participate.

💪 The challenge

Create a representation of a Christmas tree with CSS.

In the file index.html you can find the HTML structure for the tree. It' absolutely valid to add more elements to the markup. Write your CSS code in style.css.

Rules

• Don't just copy entire projects from the Internet
• Don't just load an image. Make the tree with CSS!

🚢 Ship your solution

Check out the contributing guide for details about how to participate.

In short:

• ✨ Create your repository by acceping the assignment using the participation link
• 💪 Solve the challenge
• 🐦 Add your Twitter handle to twitter.js
• 🤖 Test your solution
• 🚀 Upload your changes to the main branch

🔗 Participation link

In order to participate, you need to enter the following link and accept the assignment: https://classroom.github.com/a/5ri8w-60

💻 Use this project

⏳ Install the dependencies

Install the dependencies with

yarn install

or

npm install

⚙️ Run the code

Run the code with

yarn dev

or

npm run dev

🤖 Test your solution

This puzzle is equipped with automated tests (in the ./tests folder). In order for your solution to qualify for winning the daily prize, all tests need to pass.

To run these tests, execute one of the following commands in your console:

yarn test

or

npm test