adjusted product teaser image size / margin
authorAndrew Engelbrecht <andrew@fsf.org>
Wed, 31 Jul 2019 20:49:15 +0000 (16:49 -0400)
committerAndrew Engelbrecht <andrew@fsf.org>
Wed, 31 Jul 2019 20:49:15 +0000 (16:49 -0400)
adjustment in case image is taller than it is wide, also adding a margin

css/style.css

index b5ffa34..f726dc4 100644 (file)
@@ -144,11 +144,13 @@ a { transition: 0.3s; }
 }
 
 .ryf-list .field--name-field-image {
-  margin: 0 auto;
+  margin: 0 auto 10px auto;
 }
 
 .ryf-list img {
   max-width: 150px;
+  max-height: 150px;
+  object-fit: contain;
   overflow: hidden;
 }