Responsive Web Design using CSS3

Smartphone revolution brings new features to the web development, it is time to change your website design into a responsive design instead of maintaining a separate mobile version . Responsive design will automatically adjust itself based on the screen size of the media devices. This post explain you how to use CSS 3 @media property and working with Internet Explorer using Modernizr.

Web layout divided into three horizontal parts are Hearder, Main and Footer. Here Header div divided into two horizontal parts such as Logo and Nav and the same way Main div divided into Article and Sidebar.

Modernizr is a JavaScript library that detects the availability of native implementations for next-generation Web Technologies. These technologies are new features that stem from the ongoing HTML5 and CSS3 specifications.

HTML Code
For implementing lower version browser like Internet Explorer 7 and 8, you just include modernizr.min.js after style sheet inside header tag. download link.

Hey there's something with me here ain't right , i downloaded your simple file i changed the name of the modernizr file in the head's src to see if there's any change will happened , the page still function the same so what's the trick here it's still working wither there's a responsive framework or doesn't , i deleted all the cashing from my browser if you gonna suggest that as a reason !!!

I had a query the code for Modernizr ie hack only works if the code is running live on server is there any way u can run it on local machine. Media query's not working for ie7, ie8 on local? is there a way to run it...