Responsive web design

By responsive web design, flexible layouts that automatically adjust to the available screen sizes are meant. Also the content section, texts, images and videos are scaled accordingly and correctly positioned. The web design therefore reacts to the conditions of the terminal device and supplies correspondingly an adjusted layout.

Since when does responsive web design exist?

Only since the introduction of CSS Media Queries this topic has received strong public attention. CSS Media Queries are the core of a successful responsive web design. By these one can respond to several screen resolutions and can react to them by means of corresponding styles. Thus, a flexible layout can be displayed that is attuned to the conditions of the terminal device.


Over the last years more and bigger desktop monitors and new terminal devices with most different screen solutions came on the market. A layout, which is optimized for a screen solution of 1024 x 768 pixels, looks different on a mobile terminal device due to the lower resolution. A responsive web design counteracts the chaos of screen resolutions and brings order to the variety of devices and screen solutions.

What should one pay attention to?

It is obvious that a layout that is optimized for a screen solution of 1024 x 768 pixels does not fit on a mobile terminal device. It is best to only display the most important elements on mobile terminal devices and to hide the rest. For example central elements, such as the navigation or the logo should be quickly seen. Other elements that are not mandatory should be hidden. Ideally, the user of a mobile terminal device should be able to find his way on this device just as easily as on a desktop computer.

Amount of Data

Mobile terminal devices often do not have a fast internet connection and therefore every loaded kilobyte counts. Hence, one should attach importance to a slim and proper code in order to maximize the loaded number of kilobytes. Huge or high-resolution images should not be loaded on mobile terminal devices.


A responsive web design adapts well to the corresponding terminal devices and should be a requirement that should be met in the future by all means. Especially smartphone users can profit from an ideal presentation. Of course, a responsive web design causes additional expenditure that is nevertheless worth it, since your internet presentation can shine in front of visitors with new types of devices.  

David Wisniowski, apprentice IT Specialist for Application Development, first year of training