25 lines
663 B
CSS
25 lines
663 B
CSS
.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(8, 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; } |