From 26e872f7e7a710d34524e7790d42f196fa064fb0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 22 Aug 2025 17:50:11 +0000
Subject: [PATCH] Adjust column label alignment

Center align column labels with respect to their respective columns.
---
 src/components/ParityBitsGame.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ParityBitsGame.tsx b/src/components/ParityBitsGame.tsx
index f7f8b41..cf75cf0 100644
--- a/src/components/ParityBitsGame.tsx
+++ b/src/components/ParityBitsGame.tsx
@@ -307,7 +307,7 @@ const ParityBitsGame = ({ showSocialShare = true }: ParityBitsGameProps) => {
         
         {/* Column parity labels */}
         {(animationState.currentCol >= 0 || animationState.showColParity) && (
-          <div className="grid gap-1 -ml-1" style={{gridTemplateColumns: `repeat(${gridSize + 1}, 1fr)`}}>
+          <div className="grid gap-1 justify-center" style={{gridTemplateColumns: `repeat(${gridSize + 1}, 1fr)`}}>
             {Array(gridSize + 1).fill(null).map((_, col) => {
               const hasOddParity = animationState.colParities[col];
               const count = animationState.colCounts[col];