adjusted css

frontend/islands/ProjectCard.tsx

@@ -1,9 +1,9 @@
 export const ProjectCard = function ProjectCard(props: ProjectProps) {
   return (
     <div
-      class={`group space-y-1 rounded-md ${
+      class={`md:m-8 group space-y-1 rounded-md ${
         props.wip ? "border-2 border-dashed" : "cursor-pointer"
-      } bg-[#45475a] px-3 py-2 m-10 shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105`}
+      } bg-[#45475a] px-3 py-2 m-4 shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105`}
       onClick={() => props.repo && open(props.repo, "_blank")}
     >
       <div class="flex items-center justify-between">