title: Making a responsive grid
body: <p>Okay, I'm trying to make a responsive grid, but it is a bit more complicated than that. It has to be able to:</p>
  
  <ul>
  <li>Resize, be responsive</li>
  <li>The grid should have as many elements in a row as it can fit, <strong>and</strong></li>
  <li>There have to to be at least two elements in a row</li>
  <li>The minimum page size is 320px</li>
  <li><strong>A element should maintain aspect ratio</strong></li>
  </ul>
  
  <p>Here's a starter: <a href="http://codepen.io/loredonut/pen/KJDAE" rel="nofollow">http://codepen.io/loredonut/pen/KJDAE</a></p>
  
  <p>A CSS-only solution would be great. Thanks for your help!</p>