Problem and data domain

There are many different devices out there: tablets, mobile phones, and small desktop screens to large ones. Pixel density is different. It’s not just a matter of shrinking or scaling up your site to fit this new device, but you might need to design a completely different experience that better suits the visual style of a specific device. There are also other concerns, like how much content we want to send to a smaller device if we assume the device has limitations, like how many concurrent downloads it can handle and what network speed it might have. It’s not unusual that a desktop machine with a wide resolution often has a great connection to the internet. Conversely, a mobile device might be on a 3G network or worse and you therefore need to adjust to that by requiring a lot fewer graphical resources, smaller JavaScript bundles, and more.