title: Horizontal image scroll flex
body: <p>I am using flexbox for a horizontal image scroll site. The problem I am running into is that my portrait orientation images are being scaled up, despite them having the same height as the horizontal images. They are being scaled up to match the width of the landscape orientation photos, this causing an overflow/scroll to be added.</p>
  <p>This is what i'm trying to do:
  <img src="https://i.stack.imgur.com/EZcfL.png" alt="This is what i'm trying to do:" /></p>
  <p>This is what is happening:
  <img src="https://i.stack.imgur.com/vwuNK.png" alt="This is what is happening" /></p>
  <p>(ignore the black background)</p>
  <p>This is how I am trying to do it:</p>
  <pre><code> #entries {
    display: flex;
    flex-direction: row;
  }
  
  .entry {
    min-width: 99%;
    max-width: 99%;
    flex-basis: auto;
  }
  
  .entry img {
    width: 100%;
  }
  </code></pre>
  <p>The images are being pulled via an API</p>