Fix board sizing to fill available width instead of being height-constrained
This commit is contained in:
@@ -227,16 +227,15 @@ label span,
|
|||||||
|
|
||||||
.board {
|
.board {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: auto;
|
width: 100%;
|
||||||
height: 100%;
|
height: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
aspect-ratio: var(--board-columns) / var(--board-rows);
|
aspect-ratio: var(--board-columns) / var(--board-rows);
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 0.15rem;
|
gap: 0.15rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
align-content: center;
|
align-self: center;
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.board__lines {
|
.board__lines {
|
||||||
|
|||||||
Reference in New Issue
Block a user