Skip to content

Latest commit

 

History

History
58 lines (36 loc) · 1.39 KB

File metadata and controls

58 lines (36 loc) · 1.39 KB

🎵 Spotify Clone - HTML & CSS Only

A pixel-perfect frontend clone of Spotify, built using pure HTML and CSS. This project was created as a major portfolio piece to showcase my proficiency in responsive layouts, modern CSS styling techniques, and attention to design detail — all without using JavaScript.


🚀 Features

  • 🎧 Fully static UI inspired by Spotify
  • 📱 Responsive layout
  • 🎨 Custom styling with Flexbox, and advanced CSS
  • 🧩 Component-based file structure using semantic HTML
  • ❌ No JavaScript — CSS-only animations and interactivity

📂 Project Structure


🛠️ Technologies Used

  • HTML5
  • CSS3
  • Flexbox
  • Media Queries
  • Custom Fonts & Icons

📸 Preview

spotify-clone-preview


💡 Purpose

This project serves as a CSS skills showcase, replicating a real-world product interface (Spotify) with:

  • Precision in layout & spacing
  • Mobile-first responsive design
  • Clean, maintainable code structure
  • Added a liked button <3

📬 Contact

Have feedback or want to collaborate? Feel free to reach out:


🌟 If you find this useful, give it a ⭐ and share!