.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    
    padding: 10px;
}
@media only screen and (max-width: 768px) {
    .item1 {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .item2 {
        grid-column-start: 1;
        grid-column-end: 3;
    }

}
/* .item1 {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}
.item8 {
    grid-column-start: 2;
    grid-column-end: 4;
} */