From 4b52586c816fa1d2ba92723434daaf3dc499cbd6 Mon Sep 17 00:00:00 2001 From: WillBAnders Date: Sat, 9 Dec 2023 18:10:54 -0500 Subject: [PATCH] CSS hack to force a reasonable aspect ratio on mobile devices --- src/app/ImageCarousel.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/ImageCarousel.module.css b/src/app/ImageCarousel.module.css index d8579d9..12e5a4b 100644 --- a/src/app/ImageCarousel.module.css +++ b/src/app/ImageCarousel.module.css @@ -17,7 +17,7 @@ } .carouselItem { - max-height: 600px; + max-height: min(600px, 100vw / 2); /* hack to force reasonable aspect ratio */ width: 100vw; display: flex; justify-content: center;