auth candidate adaptive

src/components/AuthBlock/authBlock.scss

@@ -5,27 +5,33 @@
     padding: 50px 0 35px 56px;
     margin-top: 40px;
     display: flex;
-    position: relative;
 
-    @media (max-width: 1000px) {
-      flex-direction: column;
-      padding: 25px;
-      margin-top: 0;
-      padding: 0;
+    @media (max-width: 1400px) {
+      margin-top: 100px;
+    }
+
+    @media (max-width: 900px) {
+      flex-direction: column-reverse;
+      padding: 20px;
+      margin-top: 100px;
     }
   }
 
   &__info {
     margin-right: 115px;
 
-    @media (max-width: 1000px) {
+    @media (max-width: 900px) {
       order: 3;
+      flex-direction: column;
+      margin-bottom: 20px;
     }
+
     h3 {
       font-weight: 500;
       font-size: 30px;
       line-height: 32px;
       margin-bottom: 20px;
+      text-align: center;
     }
 
     p {
@@ -35,7 +41,7 @@
       font-size: 16px;
       line-height: 30px;
 
-      @media (max-width: 1000px) {
+      @media (max-width: 900px) {
         max-width: none;
         margin: 15px 25px;
       }
@@ -46,7 +52,7 @@
       }
     }
 
-    @media (max-width: 1000px) {
+    @media (max-width: 900px) {
       margin-right: 0;
       display: flex;
       align-items: center;
@@ -70,7 +76,7 @@
       font-size: 15px;
       line-height: 18px;
 
-      @media (max-width: 1000px) {
+      @media (max-width: 900px) {
         max-width: 550px;
       }
     }
@@ -109,9 +115,8 @@
       }
     }
 
-    @media (max-width: 1000px) {
+    @media (max-width: 900px) {
       order: 2;
-      margin-bottom: 55px;
     }
   }
 
@@ -120,7 +125,7 @@
     right: 48px;
     top: -90px;
 
-    @media (max-width: 1000px) {
+    @media (max-width: 900px) {
       order: 1;
       position: inherit;
       right: inherit;

src/components/StepsForCandidate/stepForCandidate.scss

@@ -46,11 +46,14 @@
       padding: 8px 26px;
       font-weight: 400;
       font-size: 16px;
-      line-height: 32px;
+
+      @media (max-width: 450px) {
+        max-width: 180px;
+      }
     }
 
     span {
-      margin-left: 55px;
+      margin-left: 20px;
       font-weight: 400;
       font-size: 16px;
       line-height: 32px;

src/pages/AuthForCandidate/AuthForCandidate.jsx

@@ -146,8 +146,8 @@ export const AuthForCandidate = () => {
       <AuthHeader />
       <div className="container">
         <AuthBlock
-          title="Войти, уже есть доступ"
-          description="если вы получили доступ пройдя
+          title="Войти, если есть доступ"
+          description="Если вы получили доступ, пройдя
                    2 шага для входа или хотите узнать
                   свои результаты в кабинете"
         />

src/pages/AuthForCandidate/authForCandidate.scss

@@ -64,6 +64,6 @@
   }
 
   footer {
-    margin-top: 70px;
+    margin-top: 10px;
   }
 }