fix : gradient preview not showing on mobile

Author: faisal004

src/showcase/effects/gradients/CustomGradientGenerator.tsx

@@ -163,8 +163,8 @@ const CustomGradientGenerator = () => {
       </Card>
       {/* Gradient Preview */}
       <Card
-        className="group relative w-full overflow-hidden rounded-lg p-0"
-        style={{ background: gradient }}
+        className="group relative w-full  overflow-hidden rounded-lg p-0"
+        style={{ background: gradient ,minHeight: '200px' }}
       >
         <CardContent
           className="absolute bottom-0 right-0 flex items-center justify-center"