feat: optimize grid responsiveness

components/Card.tsx

@@ -12,7 +12,7 @@ export function Card(
       class="text-white rounded-3xl shadow-md p-4 relative overflow-hidden 
   lg:w-56 lg:h-56 
   sm:w-48 sm:h-48
-  w-32 h-32"
+  w-[37vw] h-[37vw]"
     >
       <div class="h-full flex flex-col justify-between relative z-10">
         <div>

components/Grid.tsx

@@ -2,10 +2,7 @@ import { ComponentChildren } from "preact";
 
 export const Grid = ({ children }: { children: ComponentChildren }) => {
   return (
-    <div
-      class="grid gap-4 py-6"
-      style={{ gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))" }}
-    >
+    <div class="grid gap-4 py-6 custom-grid">
       {children}
     </div>
   );