From 7585d51d91ed43aa2b4a6adf4db7f1dfb5eb2f6e Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Thu, 9 May 2024 23:32:56 +0200
Subject: [PATCH] made LatestScripts component more responsive

---
 components/LatestScripts.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/LatestScripts.tsx b/components/LatestScripts.tsx
index fec583e..d795fc9 100644
--- a/components/LatestScripts.tsx
+++ b/components/LatestScripts.tsx
@@ -32,9 +32,12 @@ function LatestScripts() {
   return (
     <div className="">
       <h2 className="mb-2 text-lg font-semibold ">Newest scripts</h2>
-      <div className="min-w flex w-full flex-col gap-4 sm:flex-row">
+      <div className="min-w flex w-full flex-row flex-wrap gap-4">
         {latestScripts.map((item) => (
-          <Card key={item.id} className="w-full animate-fade-up">
+          <Card
+            key={item.id}
+            className=" min-w-[250px] max-w-[310.6666666666667px] flex-grow animate-fade-up"
+          >
             <CardHeader>
               <CardTitle className="flex items-center gap-3">
                 <div className="flex max-h-16 min-h-16 min-w-16 max-w-16 items-center justify-center rounded-lg bg-accent p-1">