<div class="my-element">
  <div class="box">Item 1</div>
  <div class="box">Item 2</div>
  <div class="box">Item 3</div>
  <div class="box">Item 4</div>
  <div class="box">Item 5</div>
  <div class="box">Item 6</div>
  <div class="box">Item 7</div>
  <div class="box">Item 8</div>
  <div class="box">Item 9</div>
  <div class="box">Item 10</div>
  <div class="box">Item 11</div>
  <div class="box">Item 12</div>
</div>
.my-element :first-child {
  grid-row: 1/3;
  grid-column: 1/4;
}

.my-element {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  /*   max-width: 500px; */
}

.box {
  border: 1px solid black;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.