Fix proportions for images on cards

fablabbcn · Feb 4, 2025 · ea6e3b4 · ea6e3b4
1 parent 3366091
commit ea6e3b4
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/docs/assets/stylesheets/extra.css b/docs/assets/stylesheets/extra.css
@@ -500,16 +500,18 @@ a.card-title:hover{
 }
 
 .sensor-banner .sensor-image-block {
-    background-color:#ffffffad;
-    display: grid;
+    /* background-color:#ffffffad; */
+    /* display: grid; */
     align-content: center;
     justify-content: center;
+    aspect-ratio: 4/3;
 }
 
 .sensor-banner .sensor-image-block img.sensor-image {
     object-fit: cover;
     object-position: 50% 50%;
     width: 100%;
+    height: 100%;
     /* max-width: 400px; */
 }
 
@@ -615,9 +617,9 @@ b.sensor-tag-content{
     .sensor-banner {
         grid-template-columns: 50% 50%;
     }
-    .sensor-banner .sensor-image-block img.sensor-image {
+    /* .sensor-banner .sensor-image-block {
         height: 300px;
-    }
+    } */
 }
 
 @media only screen and (min-width: 950px) {
@@ -626,8 +628,8 @@ b.sensor-tag-content{
         max-width: 100%;
     }
 
-    .sensor-banner .sensor-image-block img.sensor-image {
+    /* .sensor-banner .sensor-image-block {
         height: 300px;
-    }
+    } */
 }