thaerlabs · May 8, 2015 13:45
diff --git a/BNoWeQ.markdown b/BNoWeQ.markdown
diff --git a/index.jade b/index.jade
 h1 CSS Flexbox

 .example
  h2 3 column layout
  
  .example-page.example-layout
  
    header header
    .body
      .col-1 Main
      .col-2 Navigation
      .col-3 sidebar
     footer footer
      
diff --git a/style.sass b/style.sass
 @import "bourbon"
 .example-layout
  display: flex
  flex-direction: column
  height: 100vw

 header,
 footer
  padding: 20px
  background: #666
  color: white
  
 .body
  display: flex
  flex-grow: 1
  background: pink
  
  @media (max-width: 700px)
    flex-direction: column
  
  .col-1
    background: lightblue
    flex-grow: 1
    
  .col-2
    background: honeydew
    width: 160px
    order: -1 
    
  .col-3
    background: peachpuff
    width: 160px
    
 @media (max-width: 700px)
  .body
    flex-direction: column
    
    .col-2, .col-3
      width: auto