make imgs appear less warped on product listsings
authorAndrew Engelbrecht <andrew@fsf.org>
Mon, 29 Jul 2019 17:00:48 +0000 (13:00 -0400)
committerAndrew Engelbrecht <andrew@fsf.org>
Mon, 29 Jul 2019 17:00:48 +0000 (13:00 -0400)
further edits may be required for images that are taller than they are
wide

css/style.css

index 5dbe19d..43d3976 100644 (file)
@@ -121,6 +121,7 @@ a { transition: 0.3s; }
 
 .ryf-list .field--type-image {
   width: 100%;
+  height: 150px;
   background: #fff;
   border-radius: 10px;
   display: flex;
@@ -129,7 +130,6 @@ a { transition: 0.3s; }
 
 .ryf-list img {
   max-width: 150px;
-  min-height: 150px;
   overflow: hidden;
 }