Too Long; Didn't Read
CSS3 Media Queries for Responsive Design on Mobile Screens. The number of smartphone users is 3.5Billion, which translates to 45% of the world population owning a smartphone. Chances are quite high that your website will be viewed on a mobile device before desktop. Using Media Query in your CSS3 will ensure your website displays properly and neatly on mobile screens just as the desktop version would without any quirks or distortion. For a developer, building for the right screen type will be a challenge given the innumerable mobile devices with different view-ports.