Variations

With media queries, the possibilities seem endless for different layouts using this design pattern. Let's take the large viewport as an example. Here's the default layout for this site.

3 columns with navigation on the left and sidebar on the right.
large screen default layout

We don't have to stop there. We can have the old familiar nav top layout.

2 columns with navigation on top.
large screen nav top layout
2 columns with navigation on top and sidebar left.
large screen sidebar-left layout