From 85c2de9cbf0376e60e8a250e0f4722be15e6ca31 Mon Sep 17 00:00:00 2001
From: Reyaan Kalsheker <reyaan.kalsheker29@student.tamdistrict.org>
Date: Tue, 13 Jan 2026 19:05:11 +0000
Subject: [PATCH] Increase size of playing board and add gridlines

---
 style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index fce24b5..22d3ece 100644
--- a/style.css
+++ b/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 {