improved centering of product thumbnails
authorAndrew Engelbrecht <andrew@fsf.org>
Mon, 29 Jul 2019 20:45:38 +0000 (16:45 -0400)
committerAndrew Engelbrecht <andrew@fsf.org>
Mon, 29 Jul 2019 20:45:38 +0000 (16:45 -0400)
css/style.css

index 578b689..7b89ed7 100644 (file)
@@ -103,6 +103,12 @@ a { transition: 0.3s; }
 /* RYF List */
 
 
+.ryf-list-row ul {
+  padding: 0;
+  margin: 0 auto;
+  overflow: auto;
+}
+
 .ryf-list {
   float: left;
   margin: 0;
@@ -181,6 +187,9 @@ a { transition: 0.3s; }
 }
 
 @media screen and (min-width: 450px) and (max-width: 659px) {
+  .ryf-list-row ul {
+    max-width: 600px;
+  }
   .ryf-list {
     max-width: 300px;
     float: none;
@@ -188,6 +197,9 @@ a { transition: 0.3s; }
   }
 }
 @media screen and (min-width: 660px) and (max-width: 767px) {
+  .ryf-list-row ul {
+    max-width: 600px;
+  }
   .ryf-list-row {
     margin: 0 auto;
     max-width: 660px;