From 81dffcb14f7566fb69aa694729f1e339a1a78fb0 Mon Sep 17 00:00:00 2001
From: AML - A Laycock <aml@lhs.lancs.sch.uk>
Date: Mon, 6 Nov 2023 08:15:58 +0000
Subject: [PATCH] feat: drop the grid to 3 columns on smaller screens

---
 app/routes/start.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/routes/start.tsx b/app/routes/start.tsx
index 238113f..5bf47eb 100644
--- 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