Responsive or adaptive web design is a web design technique that seeks the correct visualization of the same page on different devices. From desktop computers to tablets and mobiles.
This video will help explain everything:
Nowadays we access websites from all kinds of devices; computer, tablet, smartphone... so, more and more, we need to adapt our website to the different sizes of them. But, what is this exactly?
It consists of resizing and positioning the elements of the web in such a way that they adapt to the width of each device allowing for a correct visualization and a better user experience. It is characterized because the layouts (contents) and images are fluid and CSS3 media-query code is used.
The responsive design reduces development time, avoids duplicated content, and increases the virality of the content by allowing it to be shared in a much faster and more natural way.
It is based on providing all users of a website with the same content and a user experience as similar as possible, as opposed to other approaches to mobile web development such as creating apps, changing domains or dynamically served websites depending on the device.
In short, responsive web design is consolidated as one of the best practices in web design today. Although, like all websites, it has its pros and cons, the responsive web is considered today the best possible practice in web design, and we will show you the points you must take into account when making your web responsive.