Responsive Layout Examples

Browse our Demo Layouts to find Grid Ideas

Here's how you can use the Responsive Grid System to suit your content. Send through your suggestions too!

The 'Intro Page'

Has a header row with a logo and some nav, some featured content (maybe a carousel or some headline text), a row for the smaller features and a footer.

The logo, spanning 1 of 3
The navigation, spanning 2 of 3
The carousel, spanning 3 of 3
Feature, spanning 1 of 3
Feature, spanning 1 of 3
Feature, spanning 1 of 3
The footer, spanning 3 of 3

The 'Blog'

Has a header row, a row with the content and the sidebar and a footer.

The header, spanning 3 of 3
The content, spanning 2 of 3
The sidebar, spanning 1 of 3
The footer, spanning 3 of 3