<div class="grid">
  <div class="item item-1">Item 1</div>
  <div class="item item-2">Item 2</div>
  <div class="item item-3">Item 3</div>
  <div class="item item-4">Item 4</div>
  <div class="item item-5">Item 5</div>
</div>
.grid {
	padding: 10px;
  display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	background-color: #eee;
}
.item {
	padding: 10px;
	text-align: center;
	background-color: #ccc;
}
.item.item-1 {
	grid-row-start: 1;
  grid-row-end: 3;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.