card-grid fix

src/components/card-grid.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 export default function CardGrid({
   maxCols: maxCols = 4,
   children,
@@ -9,7 +10,7 @@ export default function CardGrid({
   children?: React.ReactNode;
   className?: string;
 }) {
-  let baseClassName = `hidden items-start justify-center gap-6 rounded-lg p-8 md:grid md:grid-cols-1`;
+  let baseClassName = `items-start justify-center gap-6 rounded-lg p-8 grid grid-cols-1`;
 
   if (maxCols >= 2) {
     baseClassName += " lg:grid-cols-2";
@@ -28,7 +29,7 @@ export default function CardGrid({
   }
   return (
     <div
-      className={`hidden items-start justify-center gap-6 rounded-lg p-8 md:grid " ${className}`}
+      className={`${className}`}
       {...props}
     >
       {children}

tailwind.config.ts

@@ -12,7 +12,9 @@ module.exports = {
       center: true,
       padding: "2rem",
       screens: {
-        "2xl": "1400px",
+        "3xl": "1536px",
+        "4xl": "1792px",
+        "5xl": "2048px",
       },
     },
     extend: {