Responsive layout and semantic grids
Responsive layout is a technique to display web pages properly in all display sizes, (desktop, tablets, mobile phones,...). As the screen size goes changing, the size of fonts, layout of text, images and everything changes to adapt to the device.
Although you could write responsive CSS code directly using media queries doing so is very hard because of the different implementations of CSS in different browsers.
The best approach is to use a CSS framework that is capable of responsive layout. They make it easy to produce consistent results among browsers and with much less effort. Most of the times ...read more