title: Responsive images size 100% but max-width
body: <p>I've created a responsive site and the images are set to:</p>
  
  <pre><code>max-width: 100%;
  height: auto;
  </code></pre>
  
  <p>This is great and resizes the images for different screen devices and scaling of the window. However my images are varies sizes abut 5-30px differences. Is there a way to have them all the same height and width but also to auto scale.</p>
  
  <p>I've tried adding height="170" and width="190" but this doesnt seem to work.</p>
  
  <p>How can i have them set to the same size without manually resizing all images.</p>
  
  <p>Example is here;
  <a href="http://www.cartoonquiz-answers.com/Solutions/Level8" rel="nofollow">http://www.cartoonquiz-answers.com/Solutions/Level8</a></p>
  
  <p>As you can see above the image for answer "King Julien" is slightly larger, as a result makes the next row with one image, instead of filling each row with 4 images.</p>
  
  <p>thanks</p>