Fix carousel mobile sizing

cmubig · Feb 23, 2025 · 264d296 · 264d296
1 parent f2fbcc4
commit 264d296
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/carousel.tsx b/src/components/carousel.tsx
@@ -74,7 +74,7 @@ const Carousel = ({ images, autoSlideInterval = 5000 }) => {
       onTouchStart={handleTouchStart}
     >
       <div className="overflow-hidden rounded-lg shadow-lg relative">
-        <div className="relative h-[72vh]">
+        <div className="relative h-[20rem] sm:h-[20rem] md:h-[28rem] lg:h-[36rem]">
           {images.map((image, index) => (
             <Transition
               key={index}
@@ -86,7 +86,7 @@ const Carousel = ({ images, autoSlideInterval = 5000 }) => {
               leaveFrom="opacity-100"
               leaveTo="opacity-0"
               as="div"
-              className="absolute inset-0 w-full h-full flex items-center justify-center"
+              className="absolute inset-0 w-full h-full flex  justify-center"
             >
               <img
                 src={image.src}