The request
“I'd like to change the order of product photos on mobile. On desktop I like seeing two images side by side. On mobile that order doesn't work. And the footer stacks badly on phones.”
One layout serving two screen sizes with different needs.
The approach
We gave the product gallery a separate mobile order so the strongest image leads on phones, and restructured the mobile footer so columns stack in a logical sequence with proper spacing.
What we shipped
Separate image order on mobile
Desktop gallery unchanged
Mobile footer stacking fixed
Footer spacing corrected on phones