Responsive Web Design

Responsive Web design is the approach that suggests that design and development should respond to the users behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the users preferences. This would eliminate the need for a different design and development phase for each new gadget on the market. Responsive web design, originally defined responds to the needs of the users and the devices theyre using. The layout changes based on the size and capabilities of the device. For example, on a phone, users would see content shown in a single column view; a tablet might show the same content in two columns.