Как сделать, чтобы не было дырки , если нет итема?

.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.item {
  min-height: 50px;
  outline: 1px solid red;
}

.column-1 {
  grid-column: span 3;
}

.column-2 {
  grid-column: span 2;
}

.column-3 {
  grid-column: 1/-1;
}

<div class="grid">
  <div class="item column-1">1</div>
  <div class="item column-1">2</div>
  <div class="item column-2">3</div>
  <div class="item column-2">4</div>
  <div class="item column-2">5</div>
  <div class="item column-3">6</div>
</div>