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"