🕒 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

View my resume
Scroll to Top