manuth/ConnectForce
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make the board shrink based on the height

Browse source
This commit is contained in:
Manuel Thalmann 2022-12-15 18:39:11 +01:00
parent a097fa2b88
commit 194acdaea3
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/styles/style.css
View file

@ -3,15 +3,15 @@ div {
}
.board {
width: 84vw;
width: min(84vw, 84vh);
margin: 10px auto;
outline: 1px solid black;
}
.board .field {
border: 1px solid black;
width: 12vw;
height: 12vw;
width: min(12vw, 12vh);
height: min(12vw, 12vh);
float: left;
}
@ -20,8 +20,8 @@ div {
}
.board .field .piece {
width: 10vw;
height: 10vw;
width: 95%;
height: 95%;
border-radius: 50%;
margin: 1vw;
}