xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-10 16:09:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

Mobile-friendly layout on /projects

Browse Source
This commit is contained in:
Xevion
2023-05-15 13:32:30 -05:00
parent 07d7ec8071
commit 2f422a2711
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/projects.tsx
View File

@@ -99,7 +99,7 @@ const ProjectsPage: NextPage = () => {
} }
] ]
return <AppWrapper current='projects'> 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 {projects.map(({name, description, url, icon: Icon}) => <Link
key={name} key={name}
className="relative flex flex-shrink items-center opacity-75 hover:opacity-100 transition-opacity" className="relative flex flex-shrink items-center opacity-75 hover:opacity-100 transition-opacity"