.container
  %aside 3 col / 1 col
  %article 9 col / 2 col
View Compiled
@import "bourbon"
@import "neat"

body
  color: white
  background-color: white

.container
  +outer-container
  background-color: #f5f5f5

aside, article
  padding: 10px
  margin-bottom: 20px
  height: 100px

aside
  +span-columns(3)
  background-color: #81d4fa 
  +media(max-width 700px, 4)
    +span-columns(1)

article
  +span-columns(9)
  background-color: #e64a19
  +media(max-width 700px, 4)
    +span-columns(2)
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.