class="grid" style="grid-template-rows: 20px 50px;">
  <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: 40px 40px;">
  <div 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: 15px 80px;">
  <div class="item secondRow">XXXXX</div>
  <div class="spa