In today’s technological world it may seem that everyone has a website or web page. The web has become an essential part of everyday life. We can assume that a business , regardless of its size, will have a website.
Normal websites do not fit to different screen sizes. Every website owner wants to reach maximum public to gain maximum output from his/her website. We have desktop monitors, LCDs, laptops, mobiles and tablets.
So, we need a solution that would work on all screen sizes. As we know “Necessity is the Mother of Invention”, and this necessity, caused to invent Responsive Web Design (RWD). It is a buzz word in web design circles. With the help of responsive design we can solve very real problem about how and where website will be accessed.
According to Ethan Marcotte: Responsive Web Design is a method of designing websites that are flexible, that do not rely on a fixed screen size, and that are also able to detect the size of the screen and adjust the design to provide an optimal viewing experience for that device.
With the advancement of technology we have new issues to deal with different shapes and sizes. As we know that mobile browsers are smaller than the desktop browsers so you have to develop different HTML and CSS files according to the medium. You have to hide some certain content and show smaller header and images for mobile devices. If we talk about multicolumns then more than one columns will be suitable for wide screens but you have to set single column layout for smaller screens and it can be achieved by putting one column on the top of other column in vertical style
Responsive web design is all about to fit website according to the shape and size of the device. Researchers say that more users are accessing internet via smart devices than desktop systems. Sometimes smart device is the only medium of a person to connect with the world, so you must sure that necessary information is easily accessible on his/her device. you should ensure your users can perform all tasks on smart devices that can be done on widescreen systems. You also have to consider that in touch screen devices user use their fingers instead of mice, so there should be large action targets having suitable padding.
There are three main pillars of responsive web design; Fluid Grids, Media Queries, and Flexible Images. For more, go to What is Bootstrap and how it works