Demo: CSS grid-row

<div class='grid-container'>
  <div class='item1'>Item 1</div>
  <div class='item2'>Item 2</div>
  <div class='item3'>Item 3</div>
  <div class='item4'>Item 4</div>
</div>

.grid-container {
  display: grid;
  grid-template-rows: repeat(3, 100px);
  grid-template-columns: repeat(2, 150px);
  gap: 10px;
}

.item1 {
  background-color: lightblue;
  grid-row: 1 / 3; /* Spans from row 1 to row 3 */
}

.item2 {
  background-color: lightgreen;
}

.item3 {
  background-color: lightcoral;
}

.item4 {
  background-color: lightgoldenrodyellow;
}

// No JavaScript required for this demo