Perfect Landing: June Celebrations

#devchallenge #frontendchallenge #css #javascript

This is a submission for Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations

What I Built

I made a simple website that shows all the special days in the month of June 📆.
Each day has its own card with a fun emoji, a short slogan, a theme color, and a helpful link to learn more about it. I created the card design myself because I feel cards are a fun and easy way to show information 💡.

Demo

Front UI

Card UI

Link to submission

https://rith1x.github.io/challenges/junecelebrations/

or click here

Journey

When I saw the June challenge prompt, I thought — why not show all the important days of June in one place? But I wanted to make it more than just a list.

I spent around 3 days thinking 💭 and then came up with this idea:
“What if each day had its own card with an emoji, slogan, and color, plus a link to learn more?”
That felt more fun and useful! 🎉

At first, my UI was very plain. Then I thought of using cards, but even those looked too simple. While thinking, I saw a deck of UNO cards on my table and got inspired! 😄
I tried to recreate that stacked look — it looked a bit weird at first, but then I added a bit of opacity to make it feel like an infinite stack. That made it way more interesting!

This was a fun little project. I was on a break since my last submission (Frontend Challenge v24.07.24), so I’m happy to be back 😊.

Let me know what you think!
It works best on desktop and also fits mobile screens well.
(Some devices may feel a bit slow because of the graphics.)

Thanks for checking it out! 🙌💜