Our peer-to-peer event site (support.abreathofhope.org) needs immediate attention on mobile. Right now the navigation is awkward to use and, on smaller screens, the homepage and event-details pages suffer from overlapping elements, unreadable text, and images that refuse to size correctly. First, I’d like a rapid audit of the current CSS/JS so we can pinpoint exactly why the layout breaks. From there, I expect fixes that make the menus intuitive, align every element, scale the typography for easy reading, and keep visuals sharp and proportionate across iOS and Android devices. Feel free to leverage responsive techniques in plain CSS, Bootstrap, or another lightweight framework—whichever gets reliable results without bloat. Once the mobile experience is solid, I’d like to keep you on for ongoing enhancements, minor feature updates, and general site maintenance. Acceptance criteria: • Navigation reachable and fully functional at ≤375 px width • No overlapping/misaligned content on homepage and event detail views • Body and heading text meet WCAG legibility sizing on mobile • Images load in the correct aspect ratio without distortion • Google’s Mobile-Friendly test passes for the URLs above If you’ve untangled similar responsive problems before and can turn around clean, well-documented fixes, I’m ready to get started.