class="item">XXXXX</div>
  <div class="spanningItem">XXX XX XXX</div>
  <div class="test firstRow"></div>
  <div class="test secondRow"></div>
</div>

<div class="grid" style="grid-template-rows: 0px 50px;">
  <div class="item secondRow">XXXXX</div>
  <div class="spanningItem">XXX XX XXX</div>
  <div class="test firstRow"></div>
  <div class="test secondRow"></div>
</div>

<div class="grid" style="grid-template-rows: auto min-content max-content">
  <div class="spanningItem">XXX XX XXX</div>
  <div class="t