.container{
    display:grid;
    grid-template-colums:repeat(9,1fr);
    grid-template-colums-rows:repeat(9,1fr);
    grid-colum-gap:5px;
    grid-row-gap:5px;
    whidth:900px;
    height:450px;
    border:solid black 1 px;}
    
    .container>div {
        border:solid black 1px;
        background-color:grey;
    }
    
}
.item1{
    grid-area: 1/1/2/9;
    
}
.item2{
     grid-area: 1/9/7/10;
}
.item3{
     grid-area: 6/3/7/8;
}
.item4{
     grid-area: 3/2/4/6;
}
.item5{
     grid-area: 2/6/6/7;
}
.item6{
     grid-area: 4/1/4/4;
}
.item7{
     grid-area: 5/1/4/5;
}
.item8{
     grid-area: 2/1/3/2;
}

.item9{
     grid-area: 2/3/2/6;
}
.item10{
     grid-area: 2/6/4/8;
}
.item11{
     grid-area: 2/8/0/0;
}
.item12{
     grid-area: 9/1/10/10;
}
    
.item13{
    grid-area: 8/9/9/10;
    
}
    
.item14{
     grid-area: 6/1/6/3;
}
.item15{ grid-area: 7/1/7/4;
}
.item16{
     grid-area: 7/5/7/7;
}
.item17{
     grid-area: 9/1/9/3;
}
.item18{
     grid-area: 9/6/8/9;
}
.item19{
     grid-area: 9/5/9/6;
}