From 6d08d75ac32d1eb41d73f1ac4b7da12cf2a29104 Mon Sep 17 00:00:00 2001
From: Sergio <77530549+sergi0g@users.noreply.github.com>
Date: Fri, 20 Dec 2024 18:13:15 +0200
Subject: [PATCH] Make statistics grid smaller on mobile

---
 web/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 2283ffa..3b1527e 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -28,7 +28,7 @@ function App() {
           <div
             className={`bg-white shadow-sm dark:bg-${theme}-900 my-8 rounded-md`}
           >
-            <dl className="grid grid-cols-1 gap-1 overflow-hidden *:relative md:grid-cols-2 lg:grid-cols-4">
+            <dl className="grid grid-cols-2 gap-1 overflow-hidden *:relative lg:grid-cols-4">
               {Object.entries(data.metrics).map(([name]) => (
                 <Statistic name={name as keyof typeof data.metrics} metrics={data.metrics} key={name} />
               ))}