body{
margin:0;
padding:0;
background-color:#744F38;
}

.container {
  display: inline-grid;
  grid-template-columns: 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px ;
  grid-template-rows: 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px ;
  background-color: #744F38;
  padding:40px;
  gap:40px;
}
.container > div {
  border: 3px hidden;
  padding: 5px;
  font-size: 20px;
  text-align: left;
}

.item1 {
grid-column: 6 / span 7;
grid-row: span 1;
background-color: #f1f1f1;
}

.item2{
grid-column: 6 / span 4;
grid-row: 2 / span 5;
overflow:scroll;
background-color: #f1f1f1;
}

.item3{
grid-column: 10 / span 3;
grid-row: 2 / span 2;
background-color: #f1f1f1;
}  

.item4{
grid-column: 10 / span 3;
grid-row: 4 / span 4;
}