Answers for "css grid item span 2 columns"

css grid span columns

.item-to-span {
  grid-column-end: span 2;
}

have an item span multiple columns css grid

.item {
  grid-column: 2 / span 3;
  grid-row: 1 / span 2;
}

css grid 2 rows 2 columns

<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}