This commit is contained in:
Maciej Caderek
2022-02-02 03:34:28 +01:00
parent 69da8c4f9d
commit 71bb21e099
3 changed files with 67 additions and 52 deletions

View File

@@ -41,21 +41,32 @@ body {
.layout {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-areas:
"setup board controls"
"setup board moves";
}
.moves-box {
background: rgba(255, 192, 203, 0.5);
height: 100vh;
grid-area: moves;
}
.board-box {
background: rgba(255, 166, 0, 0.5);
height: 100vh;
grid-area: board;
}
.setup-box {
background: rgba(135, 207, 235, 0.5);
height: 100vh;
grid-area: setup;
}
.controls-box {
background: rgba(0, 255, 0, 0.5);
height: 100px;
grid-area: controls;
}
@media screen and (max-width: 1024px) {