add mobile design of registration & verfiication of email

Author: Awakich

projects/social_platform/src/app/auth/auth.component.scss

@@ -10,7 +10,7 @@
   padding: 0 15px;
 
   @include responsive.apply-desktop {
-    padding: 0 100px;
+    padding: 0px 200px;
   }
 
   &__header {

projects/social_platform/src/app/auth/email-verification/email-verification.component.html

@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <main class="auth verification">
-  <img class="auth__logo" src="/assets/images/shared/logo.svg" alt="procollab" width="125px" />
+  <img class="auth__logo" src="/assets/images/shared/logo.svg" alt="procollab" />
   <div class="verification__inner">
     <div class="verification__body">
       <div class="auth__greeting">
@@ -22,6 +22,6 @@ <h3 class="auth__title">Мы отправили ссылку подтвержд
       </div>
       }
     </div>
-    <img class="verification__img" src="/assets/images/auth/email.png" alt="email" />
+    <img class="verification__img" src="/assets/images/auth/email.svg" alt="email" />
   </div>
 </main>

projects/social_platform/src/app/auth/email-verification/email-verification.component.scss

@@ -23,17 +23,21 @@
 
     @include responsive.apply-desktop {
       flex-direction: row;
-      justify-content: space-between;
     }
   }
 
   &__img {
-    width: 335px;
-    margin-top: 55px;
+    min-width: 500px;
+    position: fixed;
+    top: 8%;
+    right: 0%;
+    left: -33%;
+    bottom: 0%;
 
     @include responsive.apply-desktop {
-      width: 470px;
-      margin-top: 0;
+      bottom: 0%;
+      left: 20%;
+      min-width: 852px;
     }
   }