Increase size of playing board and add gridlines

Author: NpFSHjNdg8oZCVOuyJ6XyYxkGX70xFD9

style.css

@@ -16,8 +16,7 @@ body {
 }
 
 .wrapper {
-    width: 65vmin;
-    height: 70vmin;
+    width: 80vmin;
     display: flex;
     flex-direction: column;
     border-radius: 5px;
@@ -35,11 +34,15 @@ body {
 
 .play-board {
     width: 100%;
-    height: 100%;
+    aspect-ratio: 1;
     display: grid;
     grid-template-rows: repeat(30, 1fr);
     grid-template-columns: repeat(30, 1fr);
     background-color: #212837;
+    background-image: 
+        repeating-linear-gradient(0deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent),
+        repeating-linear-gradient(90deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent);
+    background-size: calc(100% / 30) calc(100% / 30);
 }
 
 .play-board .food {