fix: in react ui, improve gallery card min-width

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/src/page/welcome/Intro.tsx

@@ -2,7 +2,7 @@ import { Content } from "@patternfly/react-core"
 
 export default function Intro() {
   return (
-    <Content component="p" isEditorial>
+    <Content component="p" isEditorial className="pdl-welcome-intro">
       PDL is a declarative language designed for developers to create reliable,
       composable LLM prompts and integrate them into software systems. It
       provides a structured way to specify prompt templates, enforce validation,

pdl-live-react/src/page/welcome/Tiles.tsx

@@ -9,9 +9,11 @@ type Props = {
   tiles?: ReactNode | ReactNode[]
 }
 
+const minWidths = { default: "300px" }
+
 export default function Tiles(props: Props) {
   return (
-    <Gallery hasGutter>
+    <Gallery hasGutter minWidths={minWidths}>
       {props.tiles ?? (
         <>
           <Upload />

pdl-live-react/src/page/welcome/Welcome.css

@@ -1,3 +1,3 @@
-.pdl-welcome-content {
+.pdl-welcome-intro {
   max-width: 1200px;
 }