There are multiple screens on which a website can be browsed. The simple solution to the problem of effectively loading a website on variant screen sizes is nothing but a Responsive Web Design (RWD). A Responsive Website automatically adjusts the configurations when it is opened on a mobile screen or a tablet or a desktop. But RWD is far deeper and involves applications of certain principles. These are assimilated below:
Fluid Grids provide a flexible structure to your website using relative units like percentages based dimensions rather than pixels. Websites have always been defined in terms of pixels as they were traditionally browsed only on desktops but now with the advent of smartphones and tablets, a website can be easily searched on them. A website appears in a large format on a desktop screen, whereas the size shrinks as we switch on to a smartphone. Due to this it is better to build responsive websites on the basis of the grid system.
The fluid grids flow naturally within the dimensions of the screen displaying the content without any adjustments for different screen sizes. Under this,