From 6bea3b2a55f0456469579c221e694915c4d604df Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Tue, 21 May 2024 17:23:33 -0400
Subject: [PATCH] fix: user grid on mobile should be full width

---
 app/routes/_data.users._index/route.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/routes/_data.users._index/route.tsx b/app/routes/_data.users._index/route.tsx
index ad5dda8..ee1e536 100644
--- a/app/routes/_data.users._index/route.tsx
+++ b/app/routes/_data.users._index/route.tsx
@@ -210,7 +210,7 @@ interface UserProps {
 
 function Users({ users, magic }: UserProps) {
 	return (
-		<div className="grid grid-cols-2 gap-4 auto-rows-min">
+		<div className="grid grid-cols-1 md:grid-cols-2 gap-4 auto-rows-min">
 			{users.map((user, i) => (
 				<UserCard
 					key={user.id}
@@ -266,7 +266,7 @@ function InteractiveUsers({ users, setUsers, magic }: UserProps) {
 			})
 		}}
 		>
-			<div className="grid grid-cols-2 gap-4 auto-rows-min">
+			<div className="grid grid-cols-1 md:grid-cols-2 gap-4 auto-rows-min">
 				{users.map((user, i) => (
 					<UserCard
 						key={user.id}