Responsive design methods are very helpful to developers because they allow us to serve content to the widest range of devices without having to maintain separate versions of the site and without some of the negative drawbacks to other methods such as scaling and fluid layouts.
This article will highlight the top 3 mistakes designers encounter with responsive designs, and will provide some strategies for avoiding these mistakes.
There is a lot of confusion over these terms and designers often incorrectly use them interchangeably. In truth, each of these are distinct evolutionary steps in layout technique that have emerged over time in line with advances in technology.
Scaling layouts are designed to scale every element relative to every other element. They are responsive in the sense that they will scale the content dynamically in response to changes in the size of the viewport. The layout itself remains static, changing the size of every element to maintain a consistent appearance.