  <div class="test thirdRow"></div>
</div>

<div class="grid" style="grid-template-rows: min-content auto min-content;">
  <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
  <div class="spanningItem">XXX XXX</div>
  <div class="test firstRow"></div>
  <div class="test secondRow"></div>
  <div class="test thirdRow"></div>
</div>

<div class="grid" style="grid-template-rows: auto auto auto;">
  <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
  <div class="spanningItem">X