Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust column label alignment

Browse source 
Center align column labels with respect to their respective columns.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-22 17:50:11 +00:00
parent 47bf4eb49b
commit 26e872f7e7
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ParityBitsGame.tsx
View file

@ -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];