🌌 solar system CSS

Solar System CSS is an interactive, visually immersive planetary exploration UI built entirely with HTML and CSS—no JavaScript, no libraries, just pure frontend creativity. 🚀

Explore our solar system planet by planet in a click-based, animated, and responsive interface. Whether you're a space nerd or a CSS enthusiast, this journey is for you.

---

🧠 Project Highlights

• 🪐 Click-based selection of all 9 planets (Yes, Pluto included!)
• 🌍 Beautiful UI animations using only CSS
• 🛰️ Planet descriptions and moon details included
• 📦 No JavaScript, just HTML + CSS wizardry
• 🎯 Fully deployable as a static site

---

🔧 Technologies Used

• HTML5
• CSS3 (Transitions, Flexbox, Transforms, Animations)
• Google Fonts
• Font Awesome (for icons)
• ✨ Lots of imagination

---

💡 What I Learned

• Advanced layout and animation using only CSS
• Responsive UI techniques
• Building a modular and semantic HTML structure
• Importance of attention to detail in design
• Respect for open-source licenses & giving proper credits ✅

---

🙌 Credits

Inspired by Jamie Coulter's Codepen, this project takes the base idea and enhances it with custom styles, content, and a refined user experience.

Special thanks to the amazing open-source community for sharing creative ideas that help us grow as developers!

---

📁 How to Run Locally/Setup Instructions

1. Clone the repository:

   git clone https://github.com/yourusername/solar-css-explorer.git
   cd solar-css-explorer