When you build websites (or even just browse them), "screen size" sounds like a simple concept. But the moment you start testing responsive layouts, things get messy fast. A page looks perfect on your desktop, then feels cramped on mobile. A button suddenly wraps into two lines. A canvas appears smaller than expected. And you're left guessing whether the problem is your CSS, the browser UI, the device pixel ratio, or something else entirely.

