@media screen and (min-width: 834px) {

    .workpage_main{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) ;
        grid-template-rows: 300px 300px 1fr ;

    }

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

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

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


}