From 1d4f167cb9b7a7973604a3f04e1a7adc12e4b87a Mon Sep 17 00:00:00 2001
From: Citali <git@fellies.email>
Date: Sun, 13 Jul 2025 00:20:08 +0200
Subject: [PATCH] add more rando

---
 src/app/portfolio/two/page.tsx                | 2 +-
 src/components/portfolio/JustifiedGallery.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/portfolio/two/page.tsx b/src/app/portfolio/two/page.tsx
index 0661c20..e7cf781 100644
--- a/src/app/portfolio/two/page.tsx
+++ b/src/app/portfolio/two/page.tsx
@@ -6,7 +6,7 @@ export default async function PortfolioTwoPage() {
 
   return (
     <main className="p-2 mx-auto max-w-screen-2xl">
-      <JustifiedGallery images={images} rowHeight={350} gap={8} />
+      <JustifiedGallery images={images} rowHeight={350} gap={12} />
     </main>
   );
 }
\ No newline at end of file
diff --git a/src/components/portfolio/JustifiedGallery.tsx b/src/components/portfolio/JustifiedGallery.tsx
index 843f214..4949cda 100644
--- a/src/components/portfolio/JustifiedGallery.tsx
+++ b/src/components/portfolio/JustifiedGallery.tsx
@@ -38,7 +38,11 @@ export function JustifiedGallery({ images, rowHeight = 200, gap = 4 }: Props) {
         <p className="text-muted-foreground text-center py-20">No images to display</p>
       )}
       {rows.map((row, i) => (
-        <div key={i} className="flex gap-[4px] mb-[4px]">
+        <div
+          key={i}
+          className="flex mb-4" // Vertical gap between rows
+          style={{ columnGap: `${gap}px` }} // Horizontal gap between images
+        >
           {row.map((img) => (
             <div key={img.id} style={{ width: img.width, height: img.height }}>
               <ImageCard