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

Inspiration

Today, we’re highlighting a space-themed CSS Art project. The inspiration came from the vastness of the universe, focusing on the mysteries of planets and galaxies that captivate our imagination. We wanted to recreate the beauty of outer space.

Demo

Check out our creation below!
Live Demo: Solar System
Explore the code on GitHub: View Code

Journey

We wanted to create an immersive space scene, complete with planets, stars, and a galaxy. And we tried to make it a little educational by adding short descriptions about the planets. One of the main challenges was integrating images seamlessly into the CSS design. We had to carefully manage image sizes and positions

What’s Next?

We plan to expand this CSS Art by adding more celestial bodies like asteroids or space stations and make it more informative and also explore ways to make the space scene interactive, perhaps by allowing users to click on planets for more information.

Credits to the Team

This project was a collaborative effort, and I would like to give credit to my teammate for her contributions:
Sakshi Singh