DEV Community

Cover image for Landing Page for Earth Day Celebration
bearv7
bearv7

Posted on • Updated on

Landing Page for Earth Day Celebration

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

What I Built

I'm assuming that the landing page is a pop-up window that appears in some platform. This format is much more efficient than a traditional landing page.

I break the text into small chunks that can be read in a few seconds. And added a navigator that can be used to see the current location and jump to some position.

I also made a mobile and desktop adaptation of the landing page and drew a small illustration.

Demo

Journey

Browser implementations of CSS are not quite uniform, such as adaptive layout. I had to test it across browsers in my project.

Code License: MIT License

Copyright (c) [2024] [Bearv7]

Top comments (0)