My React application needs a focused clean-up to eliminate visual glitches that have crept into several key screens. The homepage, user dashboard, and transaction-flow pages such as Order and Cart all suffer from a mix of layout problems, styling inconsistencies, and responsiveness issues. Right now components shift unpredictably, spacing isn’t uniform, and the same layout does not hold up on mobile browsers or inside the Android wrapper. The job is strictly front-end. You will dive into the existing create-react-app codebase (functional components, hooks, plain CSS with a few CSS-modules) and: • Repair layout breaks so every element sits exactly where the design intends. • Standardise colours, fonts and spacing to get rid of one-off overrides. • Add or refine media queries so the identical layout renders correctly on desktop, mobile web, and the packaged Android build. • Verify the fixes across modern Chromium browsers, Safari mobile, and a recent Android device—no horizontal scrolling, no clipped buttons, no misaligned grids. Acceptance criteria: the four pages load without visible distortion at 320 px through 1920 px widths; colour and typography remain consistent between pages; and Lighthouse mobile audit shows no responsive errors. Commit the changes in a clean branch or pull request so I can test and merge quickly.