fix mobile spacing and scrolling

2025-07-08 08:24:40 -04:00
parent 62c3b7b557
commit 11245bf4d8
5 changed files with 6 additions and 6 deletions
--- a/components/TarokkaGrid.tsx
+++ b/components/TarokkaGrid.tsx
@@ -15,7 +15,7 @@ export default function TarokkaGrid() {
 	const arrangeCards = (_cell: unknown, index: number) => cards[cardMap[index]];

 	return (
-		<div className="grid grid-cols-3 grid-rows-3 gap-8 w-fit mx-auto">
+		<div className="grid grid-cols-3 grid-rows-3 gap-2 sm:gap-4 md:gap-8 w-fit mx-auto">
 			{Array.from({ length: 9 })
 				.map(arrangeCards)
 				.map((card, index) => (