center all, make less swatches in row

examples/examples-browser/views/colors.html

@@ -52,7 +52,7 @@
         border: 1px solid #000;
     }
     .d-flex {
-            margin: 2px 4px;
+        margin: 2px 20px;
         text-align: center;
     }
     .sw_sm {
@@ -567,7 +567,7 @@
         "https://cdn.shopify.com/s/files/1/0275/8036/6900/files/2_Main_Vertical_Transparent.png?v=1575867010";
     }
     var out_put = "";
-    out_put = `<div style="width:240px">
+    out_put = `<div style="width:240px;text-align: center;">
           <div class="grid-product__content">
             <a class="grid-product__link " href="/products/${product.handle}" target="_blank">
               <div class="grid-product__image-mask">