I am building a mobile-first web app and have ben struggling with extra white space to the right of my content. The page, and pages within have a max width set, so regardless of your phone screen, the page should max out at 400px.
My iphone 11 and every subsequent device allows the page to scroll, creating an awkward left-aligned page on mobile-view. I am very frustrated and would love an extra set of eyes on this.
When inspecting on chrome, it appears to have a fixed width of 550, despite my attempts to max it out at 400 but leave it otherwise responsive