title: Responsive grid layout for site or image gallery
body: <p>I'm making a responsive grid, for a gallery: <a href="http://codepen.io/KoniG87/pen/vyqds" rel="nofollow">here's the example</a></p>
  
  <p>The plan was to make a grid that reorganizes itself when the device orientation changes. It works more or less fine if the container <code>#big_box</code>'s width is set to pixels (example 960px, 480px, 240px). Unfortunately when I try to use percentage values, it leaves many white spaces.</p>
  
  <p>Is there any way to make it work with percent?</p>