Responsive web design

Responsive web design or also responsive design is one of the measures and methods of online marketing and mobile marketing. It can be understood in the broadest sense as "reactive design". Responsive web design is a technique for uniform presentation of website content both on the desktop and on mobile devices.

Characteristics

Through responsive web design, usability and navigation remain unchanged. Function, design and content depend on the respective screen resolution.

Realisation

The basis for the flexible alignment to the size of the browser window is an adaptable grid. During development it is determined whether there are different layout versions depending on the screen resolution or whether layout dimensions change and texts or images are retained in size.

In order to implement responsive web design, so-called "media queries" were introduced in CSS, which contain the necessary information for the respective output medium. Dimensions in screen pixels, format and resolution are queried. This allows an optimal display of the HTML code on different devices.