Edit in JSFiddle

<div class="parent">
  <div>DIV1</div>
  <div>DIV2</div>
  <div>DIV3</div>
  <div>DIV4</div>
  <div>DIV5</div>
  <div>DIV6</div>
  <div>DIV7</div>
  <div>DIV8</div>
</div>

.parent {
  /* 이 부분은 div를 표시하기 위한 부분이니 신경쓰지 마세요 */
  background-color: green;
  color: white;
  margin: 3px 0;
  padding: 10px;
}

.parent > div {
  /* 이 부분은 div를 표시하기 위한 부분이니 신경쓰지 마세요 */
  background-color: orange;
}

.parent {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr; /* 모두 1fr일 경우 repeat(3, 1fr);로도 가능 */
  grid-template-rows: 100px 200px 50px 100px; /* 4개 행에 대해 height 지정 */
  gap: 10px;
}

.parent > div:last-child { /* 마지막 자식 요소 (DIV8)에 적용 */
  grid-column: 2 / 4; /* 2번째 열에서 시작하여 4번째 열 전(3번째 열)까지 */
  grid-row: 4; /* 4번째 행에 위치 */
}