dylanmcleod
12/10/2015 - 3:03 AM

CSS Columns - https://css-tricks.com/guide-responsive-friendly-css-columns/

.element {
  /* Declare Column Count */
  
    -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
          
  /* Declare Column Width */
          
    -webkit-column-width: 150px;
     -moz-column-width: 150px;
          column-width: 150px;
  
  /* or declare both! */
  
  -webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
          
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;      
  
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
}

/* Break element from column flow */

.element h3 {
  -webkit-column-span: all; 
          column-span: all; 
          
/* When adding height to column */

  -moz-column-fill: auto;
       column-fill: auto;
  height: 350px;
}