This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page
What I Built
I created a landing page with a friendly style, adding illustrations and animations to the provided HTML. My goal was to create a welcoming and playful design.
Demo
Find here a link to my project and in this one you will find a public repo with my code.
Journey
It was really fun to work on this project, as I spent some time trying out ideas I’ve had for a while and experimenting with animations and CSS.
I learned to create scroll-driven animations, and it was a great chance to try out the animation timeline CSS property. However, since it’s still in an experimental state, I prioritized JavaScript-based animations to move elements based on scroll in my project. So I could ensure a more consistent experience across browsers and devices.
Certainly, the most challenging part was achieving an acceptable appearance on small devices while retaining most of the functionality and visual attractiveness.