Design
Mockup of the site (Desktop)
Flexible Layout
Basic HTML5 Layout
Fixed width layout
Mobile First flexible layout
Media Queries
Media Queries 1 - 320 basic
Media Queries 2 - 320
Media Queries 3 - 480
Media Queries 4 - 600
Media Queries 5 - 768
Media Queries 6 - 800
Media Queries 7 - 1024
Media Queries 8 - 1024 plus viewport support
Responsive Images
Responsive Images
Responsive Images - enhanced using JavaScript
Finished
Final result