DEV Community

Cover image for Frontend Challenge v24.09.04
Muhamed H.
Muhamed H.

Posted on

2

Frontend Challenge v24.09.04

This is a submission for Frontend Challenge v24.09.04, CSS Art: Space

What I Built

I have built a solar system model using CSS and HTML. When a user hovers over a planet, it displays interesting information about that planet and it starts to "glow" as shown in the following examples:

Image description

Image description

Demo

Code - If you like this project, please leave a ⭐ on GitHub!
Showcase

Journey

Initially, I misunderstood the theme, thinking that the first theme allowed for complete creative freedom. I started a fun project with a plan to feature planets, the sun, and other celestial objects. However, after reviewing other submissions, I realized my mistake and decided to focus on illustrating objects using CSS.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay