title: Is it possible for flex items to align tightly to the items above them?
body: <p>This is, in effect, the Pinterest layout. However, the solutions found online are wrapped in columns, which means the container inadvertently grows horizontally. That is <strong>not</strong> the Pinterest layout, and it does not work well with dynamically-loaded content.</p>
  <p>What I want to do is have a bunch of images of fixed width and asymmetrical height, laid out horizontally but wrapping in a new row when the limits of the fixed-width container are met:</p>
  <p><a href="https://i.stack.imgur.com/yZAVW.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/yZAVW.jpg" alt="" /></a></p>
  <p>Can flexbox do this, or do I have to resort to a JS solution like Masonry?</p>