Responsive Design

From desktop monitors to smartphones: these days, screen sizes vary widely. It’s all the more important that the layout of applications isn’t optimized for just one specific screen size.

Applications should be as user-friendly as possible on every device. This applies to both usability (Usability) and accessibility. Of particular significance is the correct displaying of elements such as navigation, images, and text, as well as the support of various input methods such as clicking and hovering with the mouse on desktop, or tapping and swiping on a touchscreen.

Applications without responsive design are often difficult to read when viewed on mobile devices and, in many cases, impossible to navigate.

Nice to know:

Responsive design should not be confused with adaptive design. While responsive design fluidly adapts layout elements to different screen sizes, adaptive design optimizes only for specific window sizes using fixed layouts. Each output device is then assigned the most suitable layout via breakpoints. Whenever possible, responsive design is the better choice.