Mobile devices are now the most popular way to use the internet worldwide. However if anything defines modern web browsing, it is not a single device or platform but an abundance of choices. A single user expects to be able to access a site on more than one device, and expects different things depending on their method of access. A modern website needs to accommodate the needs of a user, taking into account the limitations and possibilities of both mobile and desktop. This is the core of responsive design.
The most obvious component of responsive design is visual. Mobile displays, with smaller, narrower screens, typically require a different layout than a on standard desktop. Using CSS, dynamic layouts that retain a consistent visual feel are a central part of current web design. Responsible design, however, does not end there.
The key responsive design decisions have to do with making sure that a page functions are appropriate to its platform. A mobile device has a small amount of space and limited controls. That means that there is limited space to present information and choices. It is important to make sure that a user can still navigate around the site and find the information and content they are looking for.
By taking a deliberate, user-centered approach to design, we make sure a website is intuitive to use regardless of platform, and take advantage of the possibilities that come from the unique display and control systems of desktop, tablet and mobile devices alike.