🎨 CSS Art: Office Culture – Dev Desk Vibes

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture.

---

🧠 Inspiration

What does office culture mean to a developer?

For me — it's dual monitors, an RGB keyboard, coffee on the side, and a terminal searching Stack Overflow at 7 AM 😅.

This CSS art represents that exact mood — a developer's peaceful (and chaotic) workspace before the daily standup.

---

🌐 Demo

🔗 Live Site: https://developerdesk.netlify.app/

---

✨ Journey

This project was created using pure HTML and CSS — no JavaScript, no images.

Highlights:

• Dual monitors: one for coding, one for task management
• Glow-effect mechanical keyboard
• Reminders section: standup, bugs, deploy & lunch — the usual!
• Coffee mug (non-negotiable ☕)

What I learned:

• Using CSS flex and grid for structured, layered designs
• Creating glowing elements with box-shadow and transitions
• Designing in “developer reality” rather than just aesthetics

What's next?

• Make it interactive using CSS variables or checkbox toggles
• Add a dark/light mode switch entirely in CSS
• Maybe even animate the coffee steam ☁️

---

🛠️ Tech Used

• HTML5
• CSS3 (Flexbox, Grid, Animations)

---

👨‍💻 Author

Made with ❤️ by Tanvir Mulla

---

🏷️ Tags

#CSSArt #FrontendChallenge #DevLife #PureCSS #OfficeCulture #DeveloperDesk

---

Thanks for checking it out! 😊