Update app.py

app.py

@@ -92,9 +92,8 @@ def create_ui():
             headers=False,
             wrap=True,
             elem_id="board",
-            height=300,
-            max_rows=6,
-            column_count=7
+            row_count=6,
+            col_count=7
         )
         
         message = gr.Textbox(value="Your turn!", label="Status")
@@ -124,10 +123,15 @@ css = """
     max-width: 400px;
     margin: 20px auto;
 }
+#board table {
+    width: 100%;
+    table-layout: fixed;
+}
 #board td {
     text-align: center;
     font-size: 32px;
-    padding: 8px;
+    padding: 12px;
+    width: 14.28%;  /* 100% / 7 columns */
 }
 .button-row {
     max-width: 400px;