From 16ccffa5f4504214ac7d2bd89436c3c7caec7213 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:21:39 +0000
Subject: [PATCH] Fix N-Queens board issues

Fixes the disappearing board when the timer starts and increases the board size.
---
 src/components/NQueensPuzzle.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/NQueensPuzzle.tsx b/src/components/NQueensPuzzle.tsx
index 6026c32..f951dc9 100644
--- a/src/components/NQueensPuzzle.tsx
+++ b/src/components/NQueensPuzzle.tsx
@@ -269,10 +269,11 @@ const NQueensPuzzle: React.FC<NQueensPuzzleProps> = ({ showSocialShare = false }
           <div className="lg:col-span-2 flex justify-center">
             <div className="inline-block">
               <div 
-                className="grid border-2 border-border"
+                className="grid border-2 border-border bg-background"
                 style={{ 
                   gridTemplateColumns: `repeat(${currentBoardSize}, 1fr)`,
-                  aspectRatio: '1'
+                  width: '500px',
+                  height: '500px'
                 }}
               >
                 {Array.from({ length: currentBoardSize }, (_, row) =>