add more rando

2025-07-13 00:20:08 +02:00
parent 2d1ba47481
commit 1d4f167cb9
2 changed files with 6 additions and 2 deletions
--- 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