Demo: CSS grid-column

<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 class='item5'>Item 5</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

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

.item2 {
  background-color: lightgreen;
}

.item3 {
  background-color: lightcoral;
}

.item4 {
  background-color: lightgoldenrodyellow;
}

.item5 {
  background-color: lightpink;
}

// No JavaScript required for this demo