body{
    background-color: blue;
    margin: 0;
    padding: 0;
}
.container{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 2fr 1fr 1fr;
    width:80%;

    position:absolute;
    border:1px solid red;
    margin:10px;
    position:relative;
    left:10%;
    top:200px
    
}
.container>div{
height:75px;
    background-color:white;
   margin:10px;
}

#one{
    background-color:salmon;
grid-row:1/2;
grid-column:2/4;
height:200px;
}
#two{
    background-color:skyblue;
    height:200px;
    grid-row:1/2;
grid-column:4/5;

}
#three{
    grid-row:2/3;
    grid-column:1/2;

}
#four{
    grid-row:2/3;
    grid-column:2/3;
}
#five{
    grid-row: 2/3;
    grid-column: 3/4;

}
#six{
    grid-row:2/3;
    grid-column:4/5;

}
#seven{
    grid-row:3/4;
    grid-column:1/2;

}
#eight{
    grid-row:3/4;
    grid-column: 2/3;
}
#nine{
    grid-row:3/4;
    grid-column: 3/4;
}