优化底部订阅框适配各种屏幕

app/design/frontend/Joshine/breeze/Magento_Newsletter/templates/subscribe.phtml

@@ -87,10 +87,12 @@
     }
     }
     .newsletter-list > span {
     .newsletter-list > span {
         text-transform: uppercase;
         text-transform: uppercase;
-        line-height: 80px;
-        font-size: smaller;
+        line-height: 10px;
+        font-size: xx-small;
         color: #ffffff;
         color: #ffffff;
-        font-weight: 600;
+        display: inline-block;
+        vertical-align: middle;
+        margin-top: 10%;
     }
     }
     .newsletter-list.ins  {
     .newsletter-list.ins  {
         width: 35%;
         width: 35%;
@@ -110,6 +112,9 @@
         margin-left: 2px;
         margin-left: 2px;
         width: 50px;
         width: 50px;
     }
     }
+    @media(max-width:1024px) {
+
+    }
     @media(max-width:789px) {
     @media(max-width:789px) {
         .newsletter-list {
         .newsletter-list {
             width: 100%;
             width: 100%;
@@ -158,6 +163,16 @@
             border-radius: 50%;
             border-radius: 50%;
         }
         }
     }
     }
+    @media(max-width:1024px) and (min-width:768px) {
+        .block.newsletter{
+            width: 90%;
+            max-width: 90%;
+        }
+        .newsletter-list > span {
+            margin-top: 15%;
+        }
+    }
+
     @media(max-width:1280px) {
     @media(max-width:1280px) {
         .actions .subscribe {
         .actions .subscribe {
             width: 33%;
             width: 33%;