Resizing and constraints
Responsive design is essential in a world where screen resolutions and device orientations vary widely. Imagine a simpler scenario with only one screen resolution; designing for it would be straightforward, without the need for additional features. However, in the real digital world, things are different, and you should consider all resolutions, if possible, as well as the cases of switching from portrait to landscape mode with devices, or even from a mobile phone to a tablet or a desktop. Fortunately, modern design tools aim to help designers with this problem by providing incredible features for creating responsive interfaces that can automatically adjust based on resolution and screen size. Later in this book, you will dive deeper into the process of converting mobile interfaces to interfaces for tablets and desktops, but it’s important to start with a foundation and structure to get your design ready for future adaptation.