make imgs appear less warped on product listsings

further edits may be required for images that are taller than they are
wide

diff --git a/css/style.css b/css/style.css
index 5dbe19d84aea0efb0946e52279c91e79bb58d59d..43d39767972ae3516857e3fc0905acf7fe52b742 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -121,6 +121,7 @@ a { transition: 0.3s; }
 
 .ryf-list .field--type-image {
   width: 100%;
 
 .ryf-list .field--type-image {
   width: 100%;

+  height: 150px;

   background: #fff;
   border-radius: 10px;
   display: flex;
   background: #fff;
   border-radius: 10px;
   display: flex;


@@ -129,7 +130,6 @@ a { transition: 0.3s; }
 
 .ryf-list img {
   max-width: 150px;
 
 .ryf-list img {
   max-width: 150px;

-  min-height: 150px;

   overflow: hidden;
 }
 
   overflow: hidden;
 }