Mobile Layout Alignment Fix

My site looks perfect on desktop and tablet, yet several elements slide out of place on mobile screens. The issue is strictly a visual one: mis-aligned sections, buttons that drift, and text that refuses to center. No JavaScript bugs—just CSS/HTML that needs tightening for small viewports.

I’ll give you repo or FTP access along with screenshots of the current problem and the desired positioning. All changes should be limited to the frontend codebase (mostly a handful of Sass files and a responsive utility class). Once finished, the pages must render correctly on common mobile breakpoints (320-414 px) without introducing regressions to larger devices.

Deliverables:
• Updated stylesheets (or scoped overrides) that resolve the alignment issues
• Brief changelog so I can track what moved where
• Confirmation screenshots or a short Loom showing the fixed layout on mobile emulators and a real device

If you’re comfortable tracing tricky flex/grid quirks and validating with Chrome DevTools’ device mode, this will be a quick win for both of us.