Day 42 — Building a CSS Media Player

Debadrita PalDebadrita Pal
1 min read

🎶 Day 42 — A Media Player with Just CSS

Today I went beyond theory and actually built something
a simple media player UI styled with CSS.

It wasn’t just about writing properties; it was about bringing everything together into a working design.


✅ What I Did

🌐 Web Development – CSS Media Player

  • Designed a basic media player layout with:

    • Play, pause, and skip buttons

    • Progress bar styling

    • Volume controls

  • Used CSS to style buttons with hover/active states

  • Learned how flexbox and transitions can make UI feel smooth

  • The result: a clean, minimal player design 🎧


🔗 GitHub Push

  • web-dev-start/day42-css-media-player.html

🧠 Reflections

Building something, no matter how small, feels different from just learning.

This wasn’t about perfect functionality — it was about creating a real piece of UI.
Seeing the player take shape was fun and motivating.

Day 42 = productive and satisfying ✅

0
Subscribe to my newsletter

Read articles from Debadrita Pal directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Debadrita Pal
Debadrita Pal

🎓 CSE @ VIT Bhopal | Romantic at heart, dev at war 💻 Learning C++, Web Dev & AI — one bug at a time ✍️ Writing the raw truth of a Tier-3 coder building toward Stanford & self-made success 💖 16 novels in 2 months. 💀 0 cardio sessions by choice. Soft energy. Hard code. Sharp mind.