How to make a Responsive Blog Theme

With the increasing number of mobile devices like smartphones, tablets, netbooks it is necessary to have Responsive Design for your Blog if you don't want your visitor zooming in and zooming out of the webpages to read. A Responsive Design results in a Webpage or Website which is easier to navigate through and easy to read. Why Responsive Design? Consider a webpage made for viewing on computer. It uses a Cascading Style Sheet(CSS) for defining its design. When we open same web page on Mobile or tablet, it will still use the same CSS. But since the screen size is significantly small it will give an unpleasant experience to the viewer. To tackle this situation we follow the Responsive Design approach. How does Responsive Design work? It uses the CSS property called @media which lets you check the screen resolution(screen width) of the viewer. By checking the resolution of the viewer it will be apparent whether the viewer is using a computer system or a mobile ph