In the old days of Internet, designing layouts and presenting content to the target audience was comparatively a simple or straightforward process for the web designer community. People used their computers – mostly desktop machines – to access web pages and the number of different devices, screen types and resolutions that the designer had to think of while offering a unique user experience where very limited.

But with the advent of technology things started to evolve at an alarming rate and the number of devices converging with Internet grew exponentially. This has led to a situation where the web designer cannot be sure of the devices from which his websites will be consumed and he is presented with a scenario where his visitors may be viewing the same website over vastly varying resolutions, device sizes, screen types, color levels, view port orientations etc which can greatly effect the level of user experiences.

In this article we are going to find a fairly easy solution to target this problem with the help of CSS3 Media Queries and this technique will equip a web designer to create web pages which will be responsive and fluid in their presentational style and user experiences according to the device from which the website is consumed.