feat: responsive width for project card ui component

moonbamijam · Jun 17, 2024 · fce9329 · fce9329
1 parent 4f9e77f
commit fce9329
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/ui/ProjectCard.tsx b/components/ui/ProjectCard.tsx
@@ -1,5 +1,5 @@
-import { ProjectType } from "@lib/types";
 import Link from "next/link";
+import { ProjectType } from "@lib/types";
 import GitHubBtn from "@components/buttons/GitHubBtn";
 import VisitBtn from "@components/buttons/VisitBtn";
 import Picture from "@components/common/Picture";
@@ -15,7 +15,7 @@ export default function ProjectCard({
   github,
 }: ProjectType) {
   return (
-    <div className="relative w-[400px] rounded-xl flex flex-col bg-surface dark:bg-dm-surface shadow hover:shadow-primary-dark hover:shadow-lg hover:-translate-y-2 active:translate-y-1 active:shadow-none cursor-pointer overflow-hidden">
+    <div className="relative max-w-[400px] rounded-xl flex flex-col bg-surface dark:bg-dm-surface shadow hover:shadow-primary-dark hover:shadow-lg hover:-translate-y-2 active:translate-y-1 active:shadow-none cursor-pointer overflow-hidden">
       <Link aria-label={ariaLabel} href={href}>
         <div className="relative w-full h-[200px] ">
           <Picture src={src} alt={`${alt}`} />