Responsive HTML Activity Launcher for My Spanish Story
Justin Crerar
Project Title:
Responsive HTML Activity Launcher for My Spanish Story
Project Description:
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.
Deliverables:
HTML/CSS activity launcher
Button-based navigation system
Responsive and mobile-optimized layout
Netlify deployment of all activity units
Spanish/English user instructions
Skills Used:
HTML5 · CSS3 · Responsive Design · Cross-Browser Compatibility · Netlify · UI/UX for Education
Like this project
Posted May 4, 2025
I developed a responsive, full-screen HTML interface for My Spanish Story’s e-learning platform. Hosted on Netlify and utilizing embedded HTML/CSS.
