instead of setting a static width on ur main wrapper, try using
max-width: 1200px;
combined with a percentage based width. this allows the element to shrink naturally on mobile devices while preventing it from becoming too wide on ultra-wide monitors. fluid layouts are much easier to maintain than managing dozens of individual media queries for every possible screen size. u can also use
clamp(1rem, 5vw, 3rem)
for typography to ensure text scales smoothly between breakpoints.
>it makes the transition from desktop to mobile feel seamless. **stop obsessing over specific pixel breakpoints and focus on content breakage instead