Mobile-friendly layout on /projects

This commit is contained in:
2023-05-15 13:32:30 -05:00
parent 07d7ec8071
commit 2f422a2711

View File

@@ -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"