Cookie Consent by Free Privacy Policy Generator 📌 Earth Day Markup Challenge


✅ Earth Day Markup Challenge


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

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

What I Built

I took the markup and added a gradient background. The light to dark blue is meant to copy the color changes of the sea depth.

I added the links to the Earth Day site. The starter code had anchor links. The links change color and expand a bit on user hover. The link text for Earth Day.org was all capital letters. A screen reader reads that one letter at a time so I changed the text.

The paragraphs have been indented for easier reading. The list has globe icons and the text is centered on the globes.

Blockquote was used to make the quote stand out more.

Demo

Here it is on Codepen.

Journey

I spent a lot of time playing with background colors. I didn't quite get what I wanted but may revisit it someday. As with many frontend projects, there's always something that can be changed.

Cover is from our trip to Sedona, AZ years ago.

Thanks for reading!

...

✅ Submission for Frontend Challenge Earth-Day-Edition: Earth's Rotation: Rotating with CSS on Earth Day


📈 47.87 Punkte

✅ Glam Up My Markup: Earth Day - Frontend Challenge Submission


📈 40.57 Punkte

✅ Earth Day Markup Challenge


📈 40.57 Punkte

✅ Submission Of Project For Front-end Challenge 2024-Earth Day Edition: Glam up My Markup


📈 40.57 Punkte

✅ Zero byte favicon markup — Keep the favicons without any of the markup


📈 34.52 Punkte

✅ Earth Challenge 🌍 Earth Day !


📈 33.42 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


📈 33.42 Punkte

✅ Earth Day Frontend Challenge landing page: Hugging Earth


📈 33.42 Punkte

✅ Submission For Front-end Challenge 2024 Earth Day Edition 🌎: "Earth's Future In Our Hands"


📈 33.42 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: Elements of Earth: CSS Card animation


📈 33.42 Punkte

✅ I made a Earth Day Challenge website that calls for Humanity for Earth


📈 33.42 Punkte

✅ Glam Up My Markup Submission: Earth Day Celebration


📈 31.71 Punkte

✅ Glam Up My Markup: Earth Day Celebration Landing Page


📈 31.71 Punkte

✅ Glam Up My Markup » Earth Day Celebration Landing Page


📈 31.71 Punkte

✅ Submission - Glam Up My Markup: Earth Day Celebration Landing Page


📈 31.71 Punkte

✅ Glam Up My Markup: The Krustiest Form on Earth


📈 27.37 Punkte

✅ Glam Up My Markup: Beaches - Frontend Challenge v24.04.17


📈 26.12 Punkte

✅ Glam Up My Markup: Beaches Challenge


📈 26.12 Punkte

✅ My First DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities_


📈 26.12 Punkte

✅ Glam Up My Markup Challenge


📈 26.12 Punkte

✅ Challenge Submission: Glam Up My Markup


📈 26.12 Punkte

✅ Glam Up My Markup: Beaches - Frontend Challenge v24.04.17


📈 26.12 Punkte

✅ "Code for Earth: Uniting Tech & Nature on Earth Day"


📈 24.56 Punkte

✅ Apple TV+ debuts “The Year Earth Changed” to herald Earth Day 2021


📈 24.56 Punkte

✅ Earth Day Frontend Challenge


📈 23.31 Punkte

✅ Congrats to the winners of the Frontend Challenge: Earth Day Edition!


📈 23.31 Punkte

✅ Earth Day Frontend Challenge


📈 23.31 Punkte

✅ A REAL Front-End challenge for Earth Day.


📈 23.31 Punkte

✅ Submission For Front-end Challenge - Earth Day Edition 🌍Pale Blue Dot


📈 23.31 Punkte

✅ DEV. To challenge submission [ Happy Earth Day ]


📈 23.31 Punkte

✅ CSS Art 2024 Submission, Earth Day Edition Frontend Challenge


📈 23.31 Punkte

✅ Frontend Challenge: Animated Globe CSS Art: Earth Day


📈 23.31 Punkte

✅ Front End Challenge 2024 Earth Day Edition🌎CSS ART SUBMISSION: "Plants: The Heart of Our Planet"


📈 23.31 Punkte

✅ The Frontend Challenge v2: Earth Day Edition🌎


📈 23.31 Punkte











matomo

Datei nicht gefunden!