.box {
  background-color: #1EE196;
  border-radius: 15px;
  }

.inner-container {
 display: grid;
 height: 100%;
 grid-template-columns: auto auto;
 grid-template-rows: auto auto auto;
 grid-column-gap:5px;
 grid-row-gap: 5px
}

.inner-box {
 background-color: white;
 box-shadow: 3px 3px 1px;
 border-radius: 10px;
 margin: 10px;
}

.box-1 { background-color: #1ECBE1;
  			 grid-column-start: 1;
  			 grid-column-end: 2;
}

.box-2 { 
background-color: #1E6AE1;
}


.box-4 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 6;
}

.container {
  height: 50vh;
  grid-gap: 20px;
  display: grid;
  grid-template-columns: auto auto auto ;
  grid-template-rows: 10% 10% 10% 10%;
}