Fix stretched DI images on a small screen

owid · Dec 13, 2024 · 00b3ff5 · 00b3ff5
1 parent 100aa78
commit 00b3ff5
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss
@@ -85,14 +85,18 @@ html:not(.js-enabled) .latest-data-insights__card,
 
 .latest-data-insights__card-left {
     display: flex;
-    height: 100%;
+
+    picture {
+        display: flex; // Fix extra padding at the bottom.
+    }
 
     img {
         height: 100%;
         width: auto;
         max-width: initial;
 
         @include md-down {
+            height: auto;
             max-width: 100%;
         }
     }