.container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(3,1fr);
 height:50vh;
  background-color:#DEC5C1 ;
  gap:5px;
  padding:10px;
  border-radius:10px;
  
}
.box{
  border-radius:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  
}
.child1 {
  background-color:#C1BB29;
  grid-column:1/2;
  grid-row:1/4;
  
}
.child2{
  background-color :#E33D3D;
  grid-column:2/4;
  grid-row:1/2;
}
.child8{
  background-color:#5EB842;
  grid-column:4/5;
  grid-row:2/4;
}
.child3{
  background-color: #B84242;
}
.child4 {
  background-color:#5EB842;
}
.child5{
  background-color:#B84242;
}
.child7{
background-color:#5EB842;

}
.child6{
  background-color:#B84242;
}