The latest articles on Forem by Vanshika (@vanshika03). https://forem.com/vanshika03 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1383306%2Feb4f0b40-45f9-4892-9548-af6cd63d1657.png https://forem.com/vanshika03 en Vanshika Sun, 15 Sep 2024 15:24:29 +0000 https://forem.com/vanshika03/css-art-meets-space-a-space-themed-art-project-41if https://forem.com/vanshika03/css-art-meets-space-a-space-themed-art-project-41if <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-09-04">Frontend Challenge v24.09.04</a>, CSS Art: Space</em></p> <h2> Inspiration </h2> <p>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.</p> <h2> Demo </h2> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fheeuqaluip5tjxwi9cbm.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fheeuqaluip5tjxwi9cbm.png" alt="Solar System" width="800" height="304"></a></p> <p>Check out our creation below!<br> <em><strong>Live Demo:</strong> <a href="https://vanshika-03.github.io/solar-system/" rel="noopener noreferrer">Solar System</a></em><br> <em><strong>Explore the code on GitHub:</strong> <a href="https://github.com/vanshika-03/solar-system" rel="noopener noreferrer">View Code</a></em></p> <h2> Journey </h2> <p>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 </p> <h2> What’s Next? </h2> <p>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.</p> <h2> Credits to the Team </h2> <p>This project was a collaborative effort, and I would like to give credit to my teammate for her contributions:<br> <em><a href="https://dev.to/sak-hue">Sakshi Singh</a></em></p> frontendchallenge devchallenge css html