.container {
    display: grid;
    grid-template-areas:
    "player1container acceptcontainer player2container"
    "leather leather leather"
    "fabric fabric fabric"
    "spice spice spice"
    "silver silver silver"
    "gold gold gold"
    "diamond diamond diamond";

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
}

@media screen and (orientation: landscape){
    /*.container {display: none; }*/
}

.group.leather { grid-area: leather; }
.group.fabric { grid-area: fabric; }
.group.spice { grid-area: spice; }
.group.silver { grid-area: silver; }
.group.gold { grid-area: gold; }
.group.diamond { grid-area: diamond; }