I'm building a website and I'm really strugling with what width to build the thing at. I've built it at 300px so that it can go on a mobile device comfortably.
However, as I'm planning on having a lot of images/videos, it could do with being larger, lets say at 420px. But the problem is the sheer range of mobile device dimensions that exist today.
I've tested 420 on my Samsung Galaxy S4 and I'm happy with it, because the phone has a Pixel density of 441? However, my mum just got a brand new phone which only has a Pixel density of 294, so the 420px design is way too large for this.
In an ideal world you would think that screens would only get bigger, or at least try to get to a standard size, like what we used to have on desktops, but this obviously isn't the case. So are there any charts out there that can give me some sort of idea of the sizes of modern devices, specifically Mobile.
And I'm not talking about what the box says, i.e. 720 x 1280, I mean exactly what the screen is capable of displaying nicely without having to scale up or down