Split the right sidebar region into stacked 'Major' and 'Minor' regions

It is traditional in responsive design to stack major sections of the page layout when the viewport falls below a certain width. When following a cookie cutter content heirachy this means throwing the sidebars below the main content container.

It's pretty common in web design to utilise the rule of thirds. Important information or calls to action are commonly place in the final third of the page, historically this has been a natural resting point when scanning the page.

We take advantage of this on many pages of drupal.org, a good example is the new events page on g.d.o

Action

Split the sidebar region into two regions; one contains important information, the other is less important. On a desktop layout the regions will be stacked on top of each other and will look identical to the current design.

On smaller screen, we will be able to stack our important information above the main content region and our less important information below. Yay!