From 31c93b087686296ec9345f3d5ffd7995d14ddffd Mon Sep 17 00:00:00 2001
From: Alex Frantz <alex@alexav.gg>
Date: Tue, 19 May 2026 20:07:57 -0400
Subject: [PATCH] improve picture carousel

---
 src/components/modules/PictureCarousel.tsx | 2 +-
 src/pages/Pictures.tsx                     | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/modules/PictureCarousel.tsx b/src/components/modules/PictureCarousel.tsx
index ec872c3..72cd4b3 100644
--- a/src/components/modules/PictureCarousel.tsx
+++ b/src/components/modules/PictureCarousel.tsx
@@ -16,7 +16,7 @@ const images = [
 export default function PictureCarousel() {
   return (
     <div className="rounded-lg">
-      <div className="my-2 space-x-2 space-y-2">
+      <div className="my-2 space-x-2 space-y-2 text-center">
         {images.map((v, k) => {
           return (
             <img
diff --git a/src/pages/Pictures.tsx b/src/pages/Pictures.tsx
index 932c3fe..9c086b1 100644
--- a/src/pages/Pictures.tsx
+++ b/src/pages/Pictures.tsx
@@ -2,9 +2,7 @@ import PictureCarousel from "../components/modules/PictureCarousel";
 export default function PicturesPage() {
   return (
     <div className="p-2 flex flex-col justify-center">
-      <h1 className="text-2xl font-bold">pictures</h1>
-
-      <div className="h-96 overflow-y-auto">
+      <div className="h-96 w-full overflow-y-auto">
         <PictureCarousel />
       </div>
     </div>