React Mobile Layout Fixes Needed

I need a front-end developer who can jump into my existing React codebase and repair the mobile layout. On both iPhone and Android handsets the homepage, all product/service pages, and the contact/info section lose their structure—columns collapse in odd places, spacing and alignment go off, and certain components spill past the viewport. Tablet view looks fine, so the issues appear confined to phone-sized breakpoints.

You’ll be working in plain React (no Next.js) with styled-components controlling most of the presentation. I’ll grant repository access and a staging link so you can test changes in real time. My expectation is concise, standards-based CSS or styled-components updates—ideally using flexbox/grid tweaks and media queries rather than heavy rewrites.

Deliverables:
• Updated components/styles so the three affected page groups render correctly at 375–414 px widths with no horizontal scroll or overlapping elements.
• Clear Git commits and a short changelog summarising what was altered.
• Confirmation screenshots or short Loom of the fixed views on both iPhone and Android emulators (or real devices).

If you spot any quick wins that improve performance or further tidy the responsive behaviour, let me know—I’m open to small enhancements provided they don’t bloat the scope.