title: resize images using % in css
body: <p>I am trying to create a liquid web layout using % for as many things as i can. I have hit a bump when resizing images.</p>
  
  <p>both:</p>
  
  <pre><code>&lt;img src="source" style="width: 20%; height: 20%;"/&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>.wall_picture_block img{
  width: 20%; 
  height: 20%;
  }
  </code></pre>
  
  <p>don't work properly with the height attribte. They resize the image width to 20% of the container but the height stays relative to the image size.(im trying to make squares)</p>