Masonry

<div class="masonry">
  <div class="card note-card note-0">
    <div class="card-body">
      <p class="m-0">Ideas for the offsite</p>
    </div>
  </div>
  <div class="card note-card note-1">
    <div class="card-body">
      <p class="m-0">Call Halcyon about the renewal and the extra seats they asked for last week</p>
    </div>
  </div>
  <div class="card note-card note-2">
    <div class="card-body">
      <p class="m-0">Buy coffee</p>
    </div>
  </div>
  <div class="card note-card note-3">
    <div class="card-body">
      <p class="m-0">Draft the Q4 plan: hiring, pricing, two launches and the new design system</p>
    </div>
  </div>
  <div class="card note-card note-0">
    <div class="card-body">
      <p class="m-0">Read the research</p>
    </div>
  </div>
  <div class="card note-card note-1">
    <div class="card-body">
      <p class="m-0">Book flights</p>
    </div>
  </div>
  <div class="card note-card note-2">
    <div class="card-body">
      <p class="m-0">Write the changelog for 4.3</p>
    </div>
  </div>
  <div class="card note-card note-3">
    <div class="card-body">
      <p class="m-0">Plan the dashboard workshop with the sales team</p>
    </div>
  </div>
</div>