title: Zurb responsive image size doesn't work
body: <p>I use zurb and I have 1 row and 4 columns and I have 4 images inside those 4 columns.
  Images are not all of the same size, so in prior to get pictures 100% sharpness, I have to give them width and height for each.</p>
  
  <p>I would like to ask which class do I have to use and how, that would make my images responsive(ratio) while I am decreasing the size of my browser window, and with that, size of columns, which are responsive?</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="three columns"&gt;
        &lt;img src="something.jpg" style="width:220px; height:200px;" /&gt;
     &lt;/div&gt;
     &lt;div class="three columns"&gt;
        &lt;img src="something.jpg" style="width:223px; height:190px;" /&gt;
     &lt;/div&gt;
     &lt;div class="three columns"&gt;
        &lt;img src="something.jpg" style="width:210px; height:150px;" /&gt;
     &lt;/div&gt;
     &lt;div class="three columns"&gt;
        &lt;img src="something.jpg" style="width:210px; height:195px;" /&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I don't use inline CSS, it's just an example for width and height.</p>
  
  <p>Thank you.</p>