diff --git a/website/src/components/grid/index.tsx b/website/src/components/grid/index.tsx
index 33d3d59..b4d9bea 100644
--- a/website/src/components/grid/index.tsx
+++ b/website/src/components/grid/index.tsx
@@ -6,9 +6,7 @@ interface GridProps {
 
 const Grid = (props: GridProps) => {
   return (
-    <div className="mx-auto mt-3 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-6">
-      {props.children}
-    </div>
+    <div className="grid-cols-fill mx-auto grid gap-4">{props.children}</div>
   )
 }
 
diff --git a/website/tailwind.config.ts b/website/tailwind.config.ts
index 2889829..66aa787 100644
--- a/website/tailwind.config.ts
+++ b/website/tailwind.config.ts
@@ -8,6 +8,9 @@ export default {
         sans: ["General-Sans", "sans-serif"],
         mono: ["Hack", "monospace"],
       },
+      gridTemplateColumns: {
+        fill: "repeat(auto-fill, minmax(13rem, 1fr))",
+      },
     },
   },
   plugins: [require("tailwindcss-animate")],