@media screen and (min-width: 834px) {
    .workpage_main{
        grid-template-columns: repeat(3, minmax(0, 1fr)) ;
        grid-template-rows: 300px 300px 1fr 300px 300px 300px 300px 300px 300px;
    }



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

    #itemB{
        grid-row: 1;
        grid-column: 3 / 4;
    }
    
    #itemC{
        grid-row: 4;
        grid-column: 1;
    }

    #itemD{
        grid-row: 4;
        grid-column: 2;
    }

    #itemE{
        grid-row: 4;
        grid-column: 3;
    }

    #itemF{
        grid-row: 5 / 7;
        grid-column: 1 /4;
    }

    #itemG{
        display: block;
        grid-row: 7;
        grid-column: 1;
    }

    #itemH{
        grid-row: 7;
        grid-column: 2;
    }

    #itemI{
    grid-row: 7;
    grid-column: 3;
}
    #itemJ{
        grid-row: 8 / 10;
        grid-column: 1 / 4;
    }

}