<article class="wrapper">
  <div class="fullheight">
    
  </div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  <div class="item">Item</div>
  
</div>

body {
  padding: 2em;
  background-color: rgb(192,181,129);
  color: #fff;
}

.wrapper {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, minmax(100px, auto));
}

.item {
  border: 5px solid rgb(209,54,114);
  border-radius: 5px;
  padding: 10px;
  background-color: rgb(255,255,255);
  color: #444;
  font: 1rem 'Life Savers', cursive;
}

.fullheight {
  background-color: rgb(209,54,114);
  grid-row: 1 / -1;
}