From 2f422a2711615d37fd63b7c1b26039c287af89f0 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Mon, 15 May 2023 13:32:30 -0500
Subject: [PATCH] Mobile-friendly layout on /projects

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

diff --git a/src/pages/projects.tsx b/src/pages/projects.tsx
index 7afd10f..c6fc9e4 100644
--- a/src/pages/projects.tsx
+++ b/src/pages/projects.tsx
@@ -99,7 +99,7 @@ const ProjectsPage: NextPage = () => {
         }
     ]
     return <AppWrapper current='projects'>
-        <div className="mt-20 grid grid-cols-3 gap-x-20 gap-y-14 h-full py-2 max-w-500 w-max mx-auto flex ">
+        <div className="mt-20 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-20 gap-y-14 h-full py-2 max-w-500 w-max mx-auto flex ">
             {projects.map(({name, description, url, icon: Icon}) => <Link
                 key={name}
                 className="relative flex flex-shrink items-center opacity-75 hover:opacity-100 transition-opacity"