The screen size map.

We have crafted a map, that provides an overview of popular screen sizes. It helps planning web design.

Screen size groups

We grouped screen sizes for the purpose of visualisation. They don't necessarily have to be seen as breakpoints in a responsive design.

Extra-Extra-Large min 1441 Extra-Large 1025 - 1440 Large 801- 1024 Medium 601 - 800 Small 415 - 600 Extra-Small max 414
Device independent pixel

Displays come in various resolutions, such as Retina, HD or 4K. This map uses an unit called device-independent-pixel (dp), which is not considering different screen resolutions. Instead dp is a unit used by designers and developers to set the sizes and values of layout elements for websites – no matter in which pixel density they will be rendered on a device.