*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #2b2e56;
}
.grid{
    display: grid;
 width: 600px;
 height: 400px;
gap: 10px;
border: 2px solid;
grid-template-columns: repeat(4,140px);
justify-content: center;
margin: 100px auto;
border: none;
}
.box{
    border: 2px solid green;
}
#box-1{
    grid-row: 1/4;
    background-color: #6dbe4f;
   
}
#box-2{
    grid-column: 2/4;
    background-color: #6dbe4f;
}
#box-6{
    grid-row: 2/4;
    grid-column: 4/5;
    background-color: #6dbe4f;
}
#box-4{
    background-color: #fbb22f;
}
#box-8{
    background-color: #fbb22f;
}
#box-3{
    background-color: #ec3437;
}
#box-5{
    background-color: #ec3437;
}
#box-7{
    background-color: #ec3437;
}