🕒 2025 | Homepage Flip cards
🔹 Challenge:
- Flip cards on my Projects page worked well on desktop, but broke on mobile—icons were too small, scrollbars were invisible against the dark background, and multiple cards opened at once.
🚀 Strategy:
- Rewrote mobile-first CSS to disable 3D flip and preserve usability.
- Inverted color scheme on mobile (dark text on white) for better scroll visibility.
- Added touch-friendly scrolling, max-height limits, and overflow behavior.
- Debugged browser-specific quirks in Safari and Chrome to ensure cross-device performance.
⭐️ Impact:
✅ Seamless mobile UX with readable content and scrollable flip cards
✅ Improved accessibility and contrast
✅ Professional polish across breakpoints
🛠 Tools & Skills Used:
CSS | Media Queries | Mobile-First Design | Browser Testing | UX Debugging | WordPress Customization
