Frontend Challenge: June Edition

This is a submission for Frontend Challenge v24.04.17, CSS Art: June.

Inspiration

Brazil, almost in its entirety, is located in the Southern Hemisphere, which means that in June temperatures begin to drop. So it’s time to take the covers out of the closet, rediscover your winter clothes, and start dreaming about typical dishes. When I think about this season the first thing that comes to mind is the hot chocolate that my mother makes every year. This drink has a sentimental flavor, it is the comfort of winter and I would like to share it.

Demo

Here it is, a mug of chocolate. Unfortunately, it has already been waiting for you for a while while you finished a game of chess with your cat and it is no longer warm.

Journey

When the DEV Community released the first frontend challenge I was so excited about contributing and participating but at the time I had no experience with CSS art, so I started searching about the topic and found CSSBattle. I joined some challenges last month to learn how to use CSS proprieties to draw shapes. I struggled at first, like everything we start learning but it worthed and I’m proud of my everyday results. As you can see, there’s no smoke in this “hot” chocolate cause I don’t know yet how to do it, of course, there are a lot of tutorials but due to the submission, I wasn’t about to take the time and learn how to do it. If I have done a hot chocolate for today it will be a copied hot chocolate mug and this isn’t the way I like to deceive my learning progress.

Soon, I’ll take time to learn how to do hot chocolate and other things with vapor or the same logic used. Also, I’d like to add the chess table and the cat (of course).

To finish, I’d like to thank all de DEV members for making this community a safe space to learn and share many things.