.container{
  grid: 150px / auto auto auto;
  background-color: #2196F3;
  padding: 10px;
}

.item{
  font-size: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px;
}
/* .item4 {
  grid-row-start: 3;
  grid-row-end: 6;
}
.item1{
    grid-area: 2 / 1 / span 2 / span 3;
}
.item1 { grid-area: header; }
.item2 { grid-area: menu; }
.item3 { grid-area: main; }
.item4 { grid-area: right; }
.item5 { grid-area: footer; } 

.container{
  grid-template-areas:
  'header header header'
  'menu main right'
  'menu footer footer';
} */