grid layoutができない

前提

grid layout で画像のように写したいです。

同じデザインのcodepenはきちんと反映されました。
https://gridbyexample.com/examples/example32/

現状です。

該当のソースコード

html
1<!-- GRID SYSTEM -->
2
3
4<div class="gird-wrapper">
5
6  <div class="item item-A">A</div>
7  <div class="item item-B">B</div>
8  <div class="item item-C">C</div>
9  <div class="item item-D">D</div>
10  <div class="item item-E">E</div>
11
12</div>
13
14
15<!--codepen  -->
16
17<div class="wrapper">
18  <div class="box item1">One</div>
19  <div class="box item2">Two</div>
20  <div class="box item3">Three</div>
21  <div class="box item4">Four</div>
22  <div class="box item5">Five</div>
23</div>
24
25

css
1
2/* GRID SYSTEM */
3
4
5.grid-wrapper {
6	display: grid;
7	grid-template-rows: 100px 110px 90px;
8	grid-template-columns: 250px 1fr 1fr;
9
10	width: 500px;
11	height: 400px;
12
13}
14
15
16.item {
17	color: #fff;
18	border-radius: 5px;
19	padding: 20px;
20	font-size: 150%;
21}
22
23.item-A {
24	grid-row: 1 / 2;
25	grid-column: 1 / 4;
26	background: #f88;
27}
28
29.item-B {
30	grid-row: 2 / 4;
31	grid-column: 1/ 2;
32	background: #7FB77E;
33}
34
35.item-C {
36	grid-row: 2 / 4;
37	grid-column: 2/ 4;
38	background: #FFC090;
39
40}
41.item-D {
42	grid-row: 3/ 4;
43	grid-column: 2/ 3;
44	background: #D300C5;
45
46}
47.item-E {
48	grid-row: 3 / 4;
49	grid-column: 3/ 4;
50	background: #ccc;
51
52}
53
54/* codepen */
55/* html {
56	box-sizing: border-box;
57  }
58  *, *:before, *:after {
59	box-sizing: inherit;
60  }
61   */
62  .wrapper {
63	margin: 0 0 20px 0;
64	width: 500px;
65	height: 400px;
66	border: 2px solid #1D9BF0;
67	display: grid;
68	grid-gap: 10px;
69	grid-template-columns: repeat(4, 80px);
70	grid-template-rows: repeat(3,100px);
71	justify-content: center;
72	align-content: end;
73  }
74  
75  .box {
76	background-color: #444;
77	color: #fff;
78	border-radius: 5px;
79	padding: 20px;
80	font-size: 150%;
81  }
82  
83  .item1 {
84	grid-column: 1 / 5;
85  }
86  
87  .item2 {
88	grid-column: 1 / 3;
89	grid-row: 2 / 4;
90  }
91  
92  .item3 {
93	grid-column: 3 / 5;
94  }