Responsive Web Design
In a world where people increasingly navigate the Internet over mobile devices, a website that automatically fits the screen becomes indispensable.
With the advancement of technology, and with more and more mobile devices, the need to use a computer has been decreasing. With this in mind, websites have to be prepared for the various screen resolutions, such as smartphones, tablets, netbooks, etc. That's what responsive web design is, a fluid layout site that fits the screen so you do not need to develop multiple versions of the same site for the various resolutions.
Non responsive site
Advantages
- Same appearance regardless of resolution.
- Easier to create.
- Faster to create.
Disadvantages
- Display problems at very low or very high resolutions;
- Low resolutions can cause horizontal navigation, making reading difficult;
- High resolutions can cause the site to have too much empty space on the sides;
- Difficulty dealing with changes in font size.
Responsive site
Advantages
- Can fill the browser screen with content for easy reading;
- More dynamic page in font size adjustment;
- All elements are spread across page space.
Disadvantages
- More difficult to create;
- Different looks in different resolutions;
- More time-consuming development.
Since April 21, 2015, Google penalizes all non-responsive sites, meaning a search on a Google search engine, non-responsive sites are in lower positions and thus less likely to be visited.