A responsive front-end clone of Spotify's web interface built using HTML and CSS only. This project replicates Spotify's sidebar, content area, and bottom music player design — ideal for portfolio and learning layout structure using pure CSS.
⚠️ Note: This is a static design clone and does not include music streaming or backend logic.
- 🎨 Left sidebar with Home, Search, and Library menu
- 📚 Content sections like Recently Played, Trending, and Charts
- 🎵 Fixed bottom music player layout with icon controls
- 🖱️ Scrollable content
- 🧭 Navigation icons with hover effects
- 🔠 Custom fonts and rem-based sizing
- 💡 Fully responsive layout using Flexbox
| Technology | Purpose |
|---|---|
| HTML5 | Structure and layout |
| CSS3 | Styling and responsiveness |
| REM units | Scalable typography/layout |
| Google Fonts | Clean modern fonts |
| Font Awesome | Icons for navigation & UI |
- How to design a modern UI layout using only HTML & CSS
- How to replicate a real-world interface (Spotify) using Flexbox
- Improved skills with responsive design and icon usage
- Used scalable units (rem) for better accessibility and responsiveness