Supereight Studio

View Supereight Studio

This is an awesome site that (at the time of writing) was up for a design award. The rotating banner, care of Mat Marquis dynamic carousel, on the home page is touch enabled on touch devices but still rotates without any interruptions. When moving to the mobile layout an off canvas menu comes in from the right using Page Slide.

Supereight Studio Technical Details

Site Meta Tag

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

Media Queries

@media only screen and (min-device-width:768px) and (max-device-width:1024px)

{ /* styles here */ }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)

{ /* styles here */ }
@media only screen and (min-width:768px) and (max-width:959px)

{ /* styles here */ }
@media only screen and (max-width:767px)

{ /* styles here */ }
@media only screen and (min-width:480px) and (max-width:767px)

{ /* styles here */ }
@media only screen and (min-width:0)  and (max-width:480px)

{ /* styles here */ }