1
<!doctype html>
2
<title>Example</title>
3
<style>
4
#grid {
5
  display: grid;
6
  grid-template-rows: 50px 1fr 80px;
7
  grid-template-columns: 120px 1fr 80px;
8
  grid-gap: 5px;
9
  height: 90vh;
10
}
11
#grid > div {
12
  background-color: #66CC00;
13
}
14
#item1 {
15
  grid-row-start: 1;
16
  grid-column-start: 1;
17
  grid-row-end: 2;
18
  grid-column-end: 2;
19
  }
20
#item2 {
21
  grid-row-start: 3;
22
  grid-column-start: 2;
23
  grid-row-end: 4;
24
  grid-column-end: 4;  
25
  }
26
</style>
27
<div id="grid">
28
  <div id="item1"></div>
29
  <div id="item2"></div>
30
</div>