From ae33fe557fb4ea0611bebc07c415f107915432a1 Mon Sep 17 00:00:00 2001
From: Reyaan Kalsheker <reyaan.kalsheker29@student.tamdistrict.org>
Date: Thu, 8 Jan 2026 18:33:56 +0000
Subject: [PATCH 1/2] Organized into files

---
 LICENSE => Extra/LICENSE      | 0
 README.md => Extra/README.md  | 0
 index.html => Main/index.html | 0
 script.js => Main/script.js   | 0
 style.css => Main/style.css   | 0
 5 files changed, 0 insertions(+), 0 deletions(-)
 rename LICENSE => Extra/LICENSE (100%)
 rename README.md => Extra/README.md (100%)
 rename index.html => Main/index.html (100%)
 rename script.js => Main/script.js (100%)
 rename style.css => Main/style.css (100%)

diff --git a/LICENSE b/Extra/LICENSE
similarity index 100%
rename from LICENSE
rename to Extra/LICENSE
diff --git a/README.md b/Extra/README.md
similarity index 100%
rename from README.md
rename to Extra/README.md
diff --git a/index.html b/Main/index.html
similarity index 100%
rename from index.html
rename to Main/index.html
diff --git a/script.js b/Main/script.js
similarity index 100%
rename from script.js
rename to Main/script.js
diff --git a/style.css b/Main/style.css
similarity index 100%
rename from style.css
rename to Main/style.css

From 67c18d8ab4ff3a3d77726bc66e1c3563e90af10c 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 2/2] feature-UI

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

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