From 94a921c456b7bb1ae916d33b70b378ad3d0461a3 Mon Sep 17 00:00:00 2001
From: naufalnrsmitter20 <x3mnaufalnabilramadhan@gmail.com>
Date: Sun, 11 May 2025 19:53:55 +0700
Subject: [PATCH] fix: update layout of RelatedNews component to use grid for
 better responsiveness

---
 .../[period]/[slug]/_components/parts/RelatedNews.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(main)/organisasi/[period]/[slug]/_components/parts/RelatedNews.tsx b/src/app/(main)/organisasi/[period]/[slug]/_components/parts/RelatedNews.tsx
index cab48934..909fdd7a 100644
--- a/src/app/(main)/organisasi/[period]/[slug]/_components/parts/RelatedNews.tsx
+++ b/src/app/(main)/organisasi/[period]/[slug]/_components/parts/RelatedNews.tsx
@@ -30,7 +30,7 @@ export default function RelatedNews({
           </Link>
         </div>
         <div className="w-full overflow-x-none">
-          <div className="flex flex-col md:flex-row w-full justify-between gap-[36px]">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 w-full justify-start gap-[36px]">
             {data.length !== 0 ? (
               data.map((post) => <NewsFigure key={post.id} post={post} />)
             ) : (