inital-release

public/styles.css

@@ -170,6 +170,19 @@ body {
   border-radius: 15px;
   padding: 20px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+  overflow: auto;
+}
+
+@media (max-width: 768px) {
+  .game-main {
+    padding: 10px;
+    gap: 10px;
+  }
+
+  .puzzle-section {
+    padding: 10px;
+    border-radius: 10px;
+  }
 }
 
 /* Crossword Grid */
@@ -182,6 +195,13 @@ body {
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
+@media (max-width: 768px) {
+  .grid-container {
+    padding: 5px;
+    gap: 1px;
+  }
+}
+
 .grid-cell {
   width: 45px;
   height: 45px;