On: Just because I have a vertical screen doesn’t mean I’m on a phone

[ss64]

What I use is @media (pointer: coarse) and (hover: none) { If you have a mouse plugged in, you get the desktop design.

[hypertele-Xii → ss64]

I don't differentiate by type of device. I just detect aspect ratio:

@media (min-aspect-ratio: 1/1) /* wide */

@media (max-aspect-ratio: 1/1) /* tall */

@media (aspect-ratio: 1/1) /* square */

[account42 → hypertele-Xii]

And what do you think the aspect ratio tells you? People do use portrait orientation for monitors or windowed mode for browsers.

[hypertele-Xii → account42]

It tells me which axis is longer, so I can responsively move the menu there. Also I flow content differently - lists get columns if wide enough.

Here, play with your window width to see: https://hypertele.fi/0000000000000000