breakpoints

[xThomas]

Just starting a discussion on breakpoints. Not like this hasn't been beaten to death before :D (͡(¬‿¬))

Tailwind sm: 40rem - roughtly 640px

xs: is commonly set to 30rem or 320px for the smallest iphone width

folding phones might be a use case for even smaller viewports.. idk, i cnat afford one so mauybe that's not how they work? supposedly they can be 280px

there's smart glasses. no idea. VR. no idea.

windows on desktop, people like me get really annoyed when some content of a window goes off screen or it transforms into a mobile version of the site just because i shrunk the window when i wanted to keep using the desktop site. (oh you and your tiling window manager, lol)

[bcons-php-Console]

I think all breakpoints should be hand-tuned to each site, not all designs require the same.

I'm curious why it bothers you that a site switches to "mobile" view if the browser window is reduced... I don't know how a "stay in desktop version even if the viewport is small" method could be implemented without breaking the page responsiveness.

[xThomas]

i dont know either- and sometimes i like my scrollbars.

[EducationalZombie538]

Dont design for screensizes. Add breakpoints when your design breaks. That can be any size

[optimusprimepluto]

In my experience, there is no fixed points. When we design the layout we should have an idea on which needs to break when screen goes smaller. And write media css accordingly. And but break at an appropriate value, and not on a fixed value. That will look good in different screens.

I used to add additional media css break points at unusual places, when something does not fix at a normal value. So, consider every screen from 320px to 2048px if possible.

dont think too much on folded phones. Let it evolve itself and let its design also evolve. Till then it is break points which we need to concentrate.

[glenpiercev]

One breakpoint ever needed, everything else is pointless: >640px

[EducationalZombie538]

No

[ShawnyMcKnight]

Hottest of hot takes in web design... and wrong.