title: How to keep all divs in a row the same height
body: <p>I'm working on a page that uses Bootstrap and have used this to define columns on this Codepen pen: <a href="https://codepen.io/smifaye/pen/GmeQrV" rel="nofollow noreferrer">https://codepen.io/smifaye/pen/GmeQrV</a></p>
  
  <p>However one thing I can't seem to figure out is how to keep the height of the boxes uniform. I've set a min-height value for these boxes but my mind has gone blank as to how to make all divs resize at once. </p>
  
  <pre><code>.recycling {
    background-color: white;
    border: 1px solid #CCCCCC;
    padding: 0;
    min-height: 250px;
  }
  </code></pre>
  
  <p>Also I'd like the buttons to stay at the bottom of the div but can't figure this out either :(</p>
  
  <p>Any help would be massively appreciated.</p>
  
  <p>(The menu area on the right is part of the design of the website and can't be changed)</p>