Inspire Conference 2012

By Justin Avery, 17 September 2012 posted in Examples

Inspire Conference 2012 across four different breakpoints

View Inspire Conference 2012

A one page event website for the Inspire Conference 2012. Apart from a lovely design the only super responsive feature is the lack of background illustrations that are loaded on the smaller devices.

Inspire Conference 2012 Technical Details

Site Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

Media Queries

@media (min-width:480px) and (max-width: 1024px){}
@media (min-width:300px) and (max-width: 480px){}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-height:700px){}