A collection of built patterns to use as starting points, complete with fallbacks. Remember that you do not need to use these for full page layout, they could as easily be a small component in a design.
Grab & Go Patterns
-
Header, 2 col, footer
A flexible, two column layout with a header and footer. -
Header, 2 col, footer
A responsive, two column layout with a header and footer. -
Header, 2 col, footer
A responsive, two column layout with a header and footer. Using rows to create space -
As many as fit
This layout has a centre panel into which we want to display as many boxes as will fit before moving to the next row. -
As many as fit some tall
This layout has a centre panel into which we want to display as many boxes as will fit before moving to the next row. Some items span two rows. -
Media Objects
A standard media object with the ability to be nested and flipped.