feat: drop the grid to 3 columns on smaller screens

Longridge-High-School · Nov 6, 2023 · 81dffcb · 81dffcb
1 parent a75f9d8
commit 81dffcb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/routes/start.tsx b/app/routes/start.tsx
@@ -370,7 +370,7 @@ const StartPage = () => {
           <Doodle doodle={doodle} currentUser={user!.username} />
         </div>
         <div className="col-span-2 row-span-2">
-          <div className="grid grid-cols-4 gap-4">
+          <div className="grid grid-cols-3 xl:grid-cols-4 gap-4">
             {shortcuts.map(({id, title, icon, target}) => {
               return (
                 <a