MDA.pl   Knowledge Base    What does "responsive design" mean?

What does "Responsive Design" mean?

Back to knowledge base

Lately, the abbreviation RWD, which stands for Responsive Web Design, is getting more and more popular. Every site has to be ‘responsive’. But what does it really mean?

Responsive Web Design is a way of building websites, so that they automatically adjust to the screen of the device on which they are viewed. It means that the site will look good regardless of whether you view it on the 27-inch monitor, 13-inch laptop, 10-inch tablet or 4-inch smartphone.

In order to properly adapt to the screen size, the website will automatically change its layout. Depending on the screen size, the width of particular elements will change and on the smallest screens the site may slightly convert, e.g. to form one column instead of two or more.

Designing a website coded in RWD, so called brake points are made – points in which the site is supposed to change its layout. As soon as the site is at the stage of a graphic project, it’s necessary to plan and individualise the website’s preservation on at least three the most important screen resolutions:

  • For width 1024 px resolution and more, for the computers
  • For width 768 px resolution, for tablets
  • For width 320 px resolution, for telephones and smartphones

Jak budować responsywną stronę WWW

A good example of a responsive website may be the site of our interactive agency, www.mda.pl The site automatically convert its layout depending on a screen size. Please try to browse our website on your computer, tablet or telephone (you can turn the screen to see changes in horizontal and vertical modes). Depending on the device on which you view our website, it presents in a following way:

Responsywna strona mda.pl

Publication date: 2014-03-21