title: How to make images fill table cells while keeping aspect ratio?
body: <p>What I'm trying to do is fill table cells with random sized images, but I want the cell to keep a height of 200px, the width must be automatically adjusted to fill the whole table width, that is <code>td{width: 100%; height: 200px;}</code>. And the images should fit inside the cells in a manner that they fill the whole cell without distortion, they can be cropped if needed. </p>
  
  <p>I was looking for a solution on the forums and found that I should set the size of my table cell to whatever dimensions I want, and then set the image inside it to <code>img{with: 100%; height: auto;}</code> It makes sense to me but unfortunately it doesn't work. I put a JSFiddle together to show what is happening: <a href="https://jsfiddle.net/alekrabbe/8nthmrhu/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <p>Any help is appreciated.</p>