Performance and Core Web Vitals
Page measurably overflows a phone viewport
Why it matters
https://northstar-components.example/ was rendered at a 390px phone viewport and its document measured 48px wider than the viewport, forcing horizontal scrolling on mobile.
What to do
Find the element causing the overflow and wrap or resize it to fit the viewport.
How to fix it
- Use browser dev tools at a 390px viewport to find the overflowing element.
- Wrap wide tables in a container with `overflow-x: auto`.
- Replace fixed pixel widths with relative units or max-width.
