登录页面优化

app/design/frontend/Joshine/breeze/Magento_Customer/templates/form/login.phtml

@@ -9,24 +9,54 @@
 /** @var \Magento\Customer\Block\Form\Login $block */
 ?>
 <style type="text/css">
-    .page-main>.columns{
-        width: 50%;
-        margin: 0 auto;
-    }
+
     @media(min-width: 768px){
+        .page-main>.columns{
+            width: 50%;
+            margin: 0 auto;
+        }
         .login-container{
             flex-direction: column;
         }
+        .page-title-wrapper h1 span{
+            font-size: 60px;
+            color: #222222;
+            font-weight: 400;
+            text-transform: capitalize;
+            letter-spacing: -1.5px;
+            margin-bottom: 20px;
+            line-height: 1;
+        }
+        .login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
+            font-size: 14px;
+            font-family: Outfit-Regular;
+            color: #000000;
+            margin-left: 20px;
+        }
     }
-    .page-title-wrapper h1 span{
-        font-size: 60px;
-        color: #222222;
-        font-weight: 400;
-        text-transform: capitalize;
-        letter-spacing: -1.5px;
-        margin-bottom: 20px;
-        line-height: 1;
+    @media(max-width: 767.98px){
+        .page-title-wrapper h1{
+            text-align: center;
+            margin-top: 140px;
+        }
+        .page-main>.columns{
+            margin-top: 40px;
+        }
+        .page-title-wrapper h1 span{
+            font-size: 36px;
+            color: #222222;
+            font-weight: 400;
+            text-transform: capitalize;
+            letter-spacing: -1.5px;
+            line-height: 1;
+        }
+        .login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
+            font-size: 14px;
+            font-family: Outfit-Regular;
+            color: #000000;
+        }
     }
+
     .login-container{
         padding: 1rem 3rem;
     }
@@ -36,12 +66,7 @@
         text-transform: none;
         font-size: 16px;
     }
-    .login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
-        font-size: 14px;
-        font-family: Outfit-Regular;
-        color: #000000;
-        margin-left: 20px;
-    }
+
     .abs-login-block-title, .amazon-validate-container .block .block-title, .login-container .block .block-title{
         border-bottom: 1px solid #e8e8e8;
         margin-bottom: 15px;
@@ -94,6 +119,7 @@
         font-size: 14px;
         font-family: Outfit-Regular;
     }
+
 </style>
 <div class="block block-customer-login">
     <div class="block-title">