Avoid making card image wrapper unnecessary tall in narrow viewports

microbiomedata · Nov 19, 2024 · 601fb0f · 601fb0f
1 parent 75ddce8
commit 601fb0f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/content/assets/index.css b/content/assets/index.css
@@ -89,7 +89,8 @@ main.container .card-img-wrapper {
   flex-direction: column;
 }
 @media (max-width: 991.98px) {
+  /* Reference: https://getbootstrap.com/docs/5.3/layout/breakpoints/#media-queries */
   main.container .card-img-wrapper {
-    min-height: 240px;
+    min-height: 160px;
   }
 }