add grid-rows-auto

Author: adriangohjw

apps/studio/public/assets/css/preview-tw.css

@@ -2082,6 +2082,10 @@ video {
   list-style-type: none;
 }
 
+.auto-rows-max {
+  grid-auto-rows: max-content;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }

packages/components/src/templates/next/components/complex/InfoCards/common.ts

@@ -82,7 +82,7 @@ export const createInfoCardsStyles = tv({
     headingContainer: "flex flex-col",
     headingTitle: "prose-display-md break-words text-base-content-strong",
     headingSubtitle: "text-base-content",
-    grid: "grid grid-cols-1 [grid-template-rows:max-content]",
+    grid: "grid auto-rows-max grid-cols-1 [grid-template-rows:max-content]",
     urlButtonContainer: "mx-auto block pt-8 sm:pt-12", // temp: following headingContainer's mb
     cardImageContainer: "",
   },