Fun fact: a ton of y'all's cool embeds and CSS tricks and stuff don't fit inside the width of the post on my screen, because the layout breakpoint is a single pixel wider than my window is.
My window, a half-screen of a 4k monitor, makes for a viewport 1534 pixels wide.
If I want to actually see the layout, I have to set zoom to 90%, and then the post is the proper width.
And I need to stress too: there is a LOT of padding in this layout! There is no reason for the breakpoint to be this huge.
I had this same issue constantly all over the web when I was on a 2K panel, and before that in the 1080p days. I guess the resolution arms race has once again claimed usability for 4K as well, and at this point I just have to ask: what the fuck?
So so so many sites on the internet follow this rule. Try it sometime. Almost at random, you will find that half the sites on the internet instantly improve their layouts at 90% zoom. Twitter, Discord, frickin' Instacart.
This problem goes back so far, and I don't understand it. At one point I blamed Bootstrap for setting the convention and that does carry some weight to it, but even here and now in the year of our Lord Flexbox 2022, and on freaking 4k?
I've seen sites that defaulted to the mobile view at this viewport width. I know half of us have hiDPI phones these days but there has got to be a better way to check for that?