.contenedor{
    display: grid;
    grid-template-areas: "a b b b b c"
                         "d e e e f f"
                         "d1 e e e f f"
                         "d2 e e e f f"
                         "g g g g f f"
}       

.item1{
    grid-area: a;
    background-color:lavender;
    color: black;
    margin: 5px;
    border: solid 1px lightgray;
}

.item2{
    grid-area: b;
    background-color: lavender;
    margin: 5px;
    border: solid 1px lightgray;
}

.item3{
    grid-area: c;
    background-color:lavender;
    margin: 5px;
    border: solid 1px lightgray;

}
.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    
}

.item4{
    grid-area: d;
    background-color:white;
    margin: 5px;
    border: solid 1px lightgray;
}

.item5{
    grid-area: d1;
    background-color:white;
    margin: 5px;
    border: solid 1px lightgray;
}
.item6{
    grid-area: d2;
    background-color:white;
    margin: 5px;
    border: solid 1px lightgray;
}

.item7{
    grid-area: e;
    background-color:white;
    margin: 5px;
    border: solid 1px lightgray;
}

.item8{
    grid-area: f;
    background-color:lavender;
    margin: 5px;
    border: solid 1px lightgray;
    
}

.item9{
    grid-area: g;
    background-color:lavender;
    margin: 5px;
    border: solid 1px lightgray;
}