Mobile Text Responsive Fixes

My website displays perfectly on desktop, yet on mobile phones and tablets the text tells a different story—font sizes jump unpredictably, sections slip out of alignment, and some blocks even split the layout. Images, menus and other assets behave, so the scope is focused strictly on text and formatting. I need a front-end developer who can dive into the current CSS/HTML, pinpoint why the existing media queries are failing, and rewrite or replace them so typography stays consistent and every heading, paragraph and button lines up from 320 px through typical tablet widths. Feel free to employ modern approaches—flexbox, grid, rem/em units or utility frameworks such as Bootstrap or Tailwind—so long as the code remains clean and maintainable. Please test thoroughly on Android Chrome and iOS Safari across common breakpoints before handing anything over. Deliverables • Revised CSS (or clearly-commented overrides) and any required HTML tweaks • Before/after screenshots for iPhone SE, iPhone XR, Pixel 5, iPad 10.2″ and iPad Mini • Brief change log outlining what was fixed and where Acceptance criteria • Font sizes scale predictably; no text clipping or overflow at 320 px width • No layout breaks or unintended horizontal scrolling on phones or tablets • Alignment mirrors the desktop design up to 1024 px width

Project ID: 40560105