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.
Top comments (3)
It may be an extension on my browser, but I can't see it. There's a blank area after your Demo paragraph and your Journey heading.
I checked with dev tools and can there's a CodePen link there. But cannot see it in the post.
Thanks for letting me know, Chris! It was just showing a blank space, I just fixed the link. You're awesome, thanks for the support!
Looks tasty. great job.