title: Can CSS scale a set of images to fit together (like Google Photos)?
body: <p>Google Photos takes images of various sizes and scales them so that the images in each row have the same height and each row completely fills the width of the window.</p>
  
  <p>For instance:</p>
  
  <p><a href="https://i.stack.imgur.com/BdYE9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BdYE9.jpg" alt="11 photos nicely packed together in three rows"></a></p>
  
  <p>If the window is narrower, it rearranges them accordingly:</p>
  
  <p><a href="https://i.stack.imgur.com/KOz3n.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KOz3n.jpg" alt="Same 11 photos in four rows."></a></p>
  
  <p>I could do this with JavaScript, but is there CSS that can achieve the same thing?</p>