dev-dong-su/dev-to-fe-challenge-earth-day

Dev-to Frontend Challenge: Earth Day Celebration Landing Page

This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page

What I Built

I created an interactive website featuring fun scroll events and simple fade animations.

I used Figma to draw the Earth and people, and the website's colors are inspired by the colors of the Earth.

I aimed for a design that is simple yet visually appealing and effectively communicates the message!

Demo

https://dev-dong-su.github.io/Dev-to-FE-challenge-Earth-

You can see source code here https://github.com/dev-dong-su/Dev-to-FE-challenge-Earth-Day

Journey

I implemented a section where a person flies in and hugs the Earth using scroll events and element positioning.

However, it was challenging because it behaved differently depending on the browser's height.

Although the outcome was a bit different from what I initially envisioned, I still had fun and found it satisfying after several hours of work.

dev-to-fe-challenge-earth-day's Issues

earth image