Fix board sizing to fill available width instead of being height-constrained

2026-04-09 13:11:34 -04:00
parent c85d7a8fc1
commit 977481936c
1 changed files with 3 additions and 4 deletions
--- a/src/styles.css
+++ b/src/styles.css
@@ -227,16 +227,15 @@ label span,

 .board {
  position: relative;
-  width: auto;
-  height: 100%;
+  width: 100%;
+  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: var(--board-columns) / var(--board-rows);
  display: grid;
  gap: 0.15rem;
  margin: 0 auto;
-  align-content: center;
-  justify-content: center;
+  align-self: center;
 }

 .board__lines {