Mobile Site Development & Touchscreen Project

Coded by Leah Rosene.

This project focused on creating a mobile-friendly and touchscreen-friendly website. It explored how websites adapt to different screen sizes and how design elements such as buttons, navigation, and font sizes must adjust for optimal usability across devices.

Project Overview

Reflection

Before this project, I had limited experience with media queries. I learned how to restructure layouts so that side-by-side sections stack into a single column on smaller devices.

I also adapted images to scale properly across screen sizes while maintaining quality. Designing for touchscreen required thoughtful adjustments to button sizes, font sizes, and navigation spacing to ensure ease of use on smaller devices.

This project significantly improved my understanding of responsive design and accessibility for mobile users.

Project Links
Devices displaying a responsive website