title: Removing large gap between rows in flexbox layout
body: <p>I have a sidebar that is longer than the content (post previews with thumbnails).</p>
  
  <p>I am using flexbox to build the layout and when the sidebar is longer than the previews, there is a huge gap in between.</p>
  
  <p>I want each row to not have a gap in between as it would if the sidebar was nice and short.</p>
  
  <p>I have thrown together a <a href="http://codepen.io/bedelman851/pen/GqWQXp" rel="noreferrer">codepen</a>.</p>
  
  <pre><code>//page wrapper for sidebar
  .flexPageWrapper {
    display:flex;
    /* Centering the page */
    max-width:1500px;
    margin:0 auto;
  }
  //search results flexbox container
  .searchContentWrap {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: 1em;
    flex-direction: row;
  }
  </code></pre>