Maintain latest data insights image ratio

owid · Jul 31, 2024 · 29cf655 · 29cf655
1 parent 23969c0
commit 29cf655
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss
@@ -85,22 +85,29 @@ html:not(.js) .latest-data-insights__card,
 
 .latest-data-insights__card-left {
     display: flex;
-    flex: 1 1 410px;
+    height: 100%;
+
+    img {
+        height: 100%;
+        width: auto;
+        max-width: initial;
+    }
 
     @include md-down {
-        flex: initial;
+        height: initial;
+
+        img {
+            max-width: 100%;
+            height: auto;
+        }
     }
 }
 
 .latest-data-insights__card-right {
     display: flex;
     flex-direction: column;
-    flex: 1 0 379px;
-
-    @include md-down {
-        flex: 1 1 0;
-        min-height: 0;
-    }
+    height: 100%;
+    min-height: 0;
 }
 
 .latest-data-insights__card-body {