CodePen Monthly Challenge: April Recap


This April was all about cards — and not just the tarot kind. In web design, a “card” is basically a container: a placeholder with defined space used to group content. But as a bit of an astrology girlie, my mind immediately went to tarot decks and fortune telling.

So, with a little help from Santa’s favorite coding elf — aka AI, or ChatGPT — I created a series of tarot and astrology-inspired cards. Each challenge took on a mystical twist, blending animations, interactions, and celestial vibes.

Week 1: 🃏 Pick a Card

For the first week, I styled a single tarot card — picked randomly from the Major Arcana. The card flips on click, mimicking how a real tarot card can be interpreted differently depending on whether it’s upright or reversed. A simple start, but full of symbolic potential.

See the Pen Tarot Card by Giedre Ju (@Giedr-Ju) on CodePen.

Week 2: ✨ Card Glow

This challenge was all about styling — specifically adding glow effects. While a “glow” is basically just a fancy shadow in CSS terms, with the right tones and context, it completely transforms the atmosphere. I leaned into soft mysticism and gave the card a dreamy, ethereal vibe.

See the Pen Tarot Cards - I. The Magician by Giedre Ju (@Giedr-Ju) on CodePen.

Ah, carousels — my least favorite part of web design. And before anyone says, “Well, maybe you just don’t know how to make them properly,” let me say: I do. I’ve just seen too many used badly. People often think more is better, but honestly? Sometimes less is more. Still, I gave it a go.

See the Pen Zodiac Signs by Giedre Ju (@Giedr-Ju) on CodePen.

Week 4: 🎩 Card Tricks

The final challenge was “Card Tricks.” I won’t lie — I wasn’t bursting with original ideas here, so I kept it simple. I made a basic fortune-telling card with a randomizer that flips to reveal a message or symbol. Straightforward, but still charming in its own way.

See the Pen Tarot Predictions by Giedre Ju (@Giedr-Ju) on CodePen.

To Summarize:

Overall, this month felt more enjoyable topic-wise. The theme instantly clicked for me — I knew what I wanted to do and which angle to take from the start. That kind of clarity is rare and really made the creative process smoother (and more fun).

Using AI might raise some eyebrows — some people might say it means the challenge wasn’t fully done “by you.” And sure, from one perspective, that’s fair. But honestly, if you know what you’re doing and you use tools to work smarter or faster, isn’t that part of the creative process too?

One unexpected takeaway: sometimes having full freedom to choose a theme you love can actually become a creative burden. There’s this pressure to make something amazing that perfectly reflects your passion — and when the result doesn’t match that vision, it can feel a bit disappointing. But that’s also part of the process: not everything has to be groundbreaking to be worth doing.