Landing in June: A Celebration of Colours & Quirks

#devchallenge #frontendchallenge #css #javascript

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

🎯 Perfect Landing for June Celebrations

What I Built

For this challenge, I created a vibrant landing page inspired by the quirky, joyful, and downright delightful celebrations of June!

Instead of focusing on a single day, I wanted the page to capture the spirit of celebration itself — from National Nail Polish Day to World Oceans Day, each event brings its own color, story, and energy. That gave me the idea to design a page that's dynamic, colorful, and fun, reflecting the mood of each day while offering users fun facts, celebration ideas, and shareable buttons.

The core theme? ✨ June is joy — let's celebrate everything! ✨

Demo

🔗 And here’s the live project/code on GitHub:

👉 View the Project on GitHub

(You can clone it, explore the CSS art, and even celebrate a random day!)

Journey

This was a fresh experience for me! I had never built a landing page where every element was so lively and thematic. From animations to background shapes and hover effects, I learned a lot — especially how to use CSS clip-path, animation keyframes, gradients, and responsive design tweaks for different screens.

There were moments of confusion early on — deciding how to fit so many small celebration cards, balancing design with clarity, and changing layout ideas more than once 😅. But every challenge taught me something new about arranging UI, layering effects, and keeping a theme consistent.

I’m proud of how it turned out — and more than that, I’ve definitely caught the bug for CSS creativity! I’m looking forward to the next frontend challenge to keep improving and applying new ideas. Whether I win or not, this project has already made me more confident in my skills and sparked a lot of design inspiration for future work.