Responsive Web Design
A web design that adapts to the screen size.
While the layout of a catalog or a flyer is set once and then stays that way forever, the content of a web design has to look good on different devices. It may be rather unlikely that the content will be displayed on a wristwatch, but it is possible. Viewing a website on a phone is standard. For this reason, a web design must adapt dynamically to all screen sizes.
This has to be handled individually for every element in the web design. While it is relatively easy for elements that consist merely of text and an image – text and image are simply placed one below the other – it becomes more difficult with, for example, text on an image. Here, a decision has to be made based on the content as to which of the many conceivable options should be used.
- The text is placed below or above the image.
- The image is cropped so that only a narrow strip of the image remains visible, on which the text is then placed.
- Only part of the text is displayed and the rest can be reached via a link.
- The image is used as a background for the text.
- etc.
