Improve example of Masonry grid.

masonry-layout-example

<style>
  /* CSS Grid Layout */
  .grid-container {
    width: 600px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .grid-item {
    display: block;
    /* match gap size */
    margin-bottom: 15px;
  }
</style>

<!-- This is the CSS Grid layout -->
<class="grid-container">
  <div class="grid-item">
    <img src="https://picsum.photos/200/300" alt="image">
  </div>
  <div class="grid-item">
    <img src="https://picsum.photos/200/400" alt="image">
  </div>
  <div class="grid-item">
    <img src="https://picsum.photos/200/500" alt="image">
  </div>
  <div class="grid-item">
    <img src="https://picsum.photos/200/300" alt="image">
  </div>
  <div class="grid-item">
    <img src="https://picsum.photos/200/600" alt="image">
  </div>
</div>