Maintain latest data insights image ratio

owid · Jul 31, 2024 · 46b1f53 · 46b1f53
1 parent 23969c0
commit 46b1f53
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss
@@ -53,6 +53,7 @@ html:not(.js) .latest-data-insights__card,
     color: $blue-90;
     background: $blue-20;
     padding: 16px;
+    align-items: flex-start;
 
     .article-block__text {
         @include body-3-medium;
@@ -85,22 +86,30 @@ html:not(.js) .latest-data-insights__card,
 
 .latest-data-insights__card-left {
     display: flex;
-    flex: 1 1 410px;
+    align-items: flex-start;
+    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 {