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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up