CSS hack to force a reasonable aspect ratio on mobile devices

ufssd · Dec 9, 2023 · 4b52586 · 4b52586
1 parent 4c483a1
commit 4b52586
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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;