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

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