优化图片导航分类

app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml

@@ -55,48 +55,3 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
-<style>
-    .top-content-home .section-element .categories_tab {
-        clear: both;
-    }.section-element.shop_by_categories .container {
-         padding-bottom: 15px;
-     }
-    .shop-by-cata {
-        padding:  20px;
-        width: 23%;
-        float: left;
-    }
-    .section-element.shop_by_categories .container {
-        background:llinear-gradient(to right, #a59a8d, #756033);
-    }
-    .shopcatewpt {
-        width: 80%;
-        margin: 0 auto;
-        text-align:center;
-    }
-    p.shopbycate-title {
-        background: #fff;
-        text-align: center;
-        font-size: 28px;
-        font-weight: bold;
-        color: #000;
-        text-transform: uppercase;
-        margin-bottom: 20px;
-        padding-bottom: 20px;
-    }
-    @media(max-width:789px){
-        .shop-by-cata {
-            padding:15px;
-            width: 40%;
-            float: left;
-        }
-        p.shopbycate-title{font-size:20px}
-        .shopcatewpt {
-            width: 100%;
-            margin: 0 auto;
-        }
-        .shop-by-cata img {
-            height: 54px;
-        }
-    }
-</style>

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -623,4 +623,51 @@ ul {
   .cms-index-index .page-wrapper .page-footer{
   .cms-index-index .page-wrapper .page-footer{
     margin-top: 80px;
     margin-top: 80px;
   }
   }
+}
+
+.categories_tab {
+  clear: both;
+  margin: 30px 0 ;
+  padding: 50px;
+  width: 100%;
+}
+}.section-element.shop_by_categories .container {
+   padding-bottom: 15px;
+ }
+.shop-by-cata {
+  padding:  20px;
+  width: 25%;
+  float: left;
+}
+
+.shopcatewpt {
+  width: 100%;
+  margin: 0 auto;
+  text-align:center;
+}
+p.shopbycate-title {
+  background: #fff;
+  text-align: center;
+  font-size: 28px;
+  font-weight: bold;
+  color: #000;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+  font-family: 'Outfit', sans-serif;
+}
+@media(max-width:789px){
+  .shop-by-cata {
+    padding:15px;
+    width: 45%;
+    float: left;
+  }
+  p.shopbycate-title{font-size:20px}
+  .shopcatewpt {
+    width: 100%;
+    margin: 0 auto;
+  }
+  .shop-by-cata img {
+    height: 54px;
+  }
 }
 }
\ No newline at end of file