Responsive HTML Activity Launcher for My Spanish Story

Responsive HTML Activity Launcher for My Spanish Story

I developed a responsive, full-screen HTML interface for My Spanish Story’s e-learning platform. The client needed an engaging, mobile-friendly way for students to launch and complete interactive Spanish language activities hosted on Netlify. I designed and coded a clean layout that opens each activity in a new fullscreen tab, ensuring it works across devices (especially mobile Safari, where screen space is limited).

The solution also includes:

Spanish/English dual-language instructions

Intuitive button layout that prevents overlap on mobile

Fully custom-styled components without relying on frameworks

This approach prioritized accessibility, minimal distractions, and clear user flow for young learners accessing content independently.

HTML/CSS activity launcher

Button-based navigation system

Responsive and mobile-optimized layout

Netlify deployment of all activity units

Spanish/English user instructions

HTML5 · CSS3 · Responsive Design · Cross-Browser Compatibility · Netlify · UI/UX for Education