1
<!doctype html>
2
<title>Example</title>
3
<style>
4
#outer-grid {
5
  display: grid;
6
  grid-template-rows: 1fr 1fr;
7
  grid-template-columns: 1fr 1fr;
8
  grid-gap: 10px;
9
}
10
#outer-grid > div {
11
  background-color: red;
12
  color: white;
13
  font-size: 4vw;
14
  padding: 10px;
15
}
16
#inner-grid {
17
  display: grid;
18
  grid-template-columns: 1fr 1fr;
19
  grid-gap: 5px;
20
}
21
#inner-grid > div {
22
  background: salmon;
23
  padding: 10px;
24
}
25
</style>
26
<div id="outer-grid">
27
  <div>1</div>
28
  <div>2</div>
29
  <div>3</div>
30
  <div id="inner-grid">
31
    <div>5</div>
32
    <div>6</div>
33
    <div>7</div>
34
    <div>8</div>
35
  </div>
36
</div>