Building HTML5 Applications: Using CSS3 Media Queries to Build a More Responsive Web

Building HTML5 Applications: Using CSS3 Media Queries to Build a More Responsive Web:
Support for CSS3 Media Queries across all major desktop and mobile browsers means you can use context clues to deliver tailored experiences for a wide range of devices, as Brandon Satrom explains.

This article provides an overview of the Media Queries CSS3 module, discusses its syntax and use, and shows a simple example that leverages Media Queries to build tablet- and smartphone-friendly views for an online photo gallery. The goal is to provide a solid foundation for creating responsive Web sites and applications using only CSS and some tailored styles.
Brandon Satrom
MSDN Magazine April 2012