Merge pull request 'adaptive-candidate' (#6) from adaptive-candidate into main

Reviewed-on: #6

src/components/ProfileCalendar/ProfileCalendarComponent.jsx

@@ -17,11 +17,11 @@ import { apiRequest } from "@api/request";
 import "@components/Calendar/calendarComponent.scss";
 import {
   calendarHelper,
+  correctDay,
   currentMonthAndDay,
   getCorrectDate,
   getReports,
-  hourOfNum,
+  hourOfNum
-  correctDay
 } from "@components/Calendar/calendarHelper";
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import ShortReport from "@components/ShortReport/ShortReport";

src/pages/RegistrationForCandidate/registationForCandidate.scss

@@ -10,12 +10,32 @@
     align-items: center;
     margin-top: 55px;
 
+    @media (max-width: 1375px) {
+      padding-top: 75px;
+    }
+
     @media (max-width: 1024px) {
       padding-top: 70px;
     }
 
     .step {
       top: 36.5%;
+
+      @media (max-width: 1375px) {
+        top: 42%;
+      }
+
+      @media (max-width: 1072px) {
+        top: 32%;
+      }
+
+      @media (max-width: 1024px) {
+        top: 28%;
+      }
+
+      @media (max-width: 660px) {
+        top: 23%;
+      }
     }
   }
 
@@ -27,6 +47,14 @@
     background: #ffffff;
     border-radius: 12px;
     width: 100%;
+
+    @media (max-width: 660px) {
+      flex-direction: column;
+    }
+
+    @media (max-width: 402px) {
+      align-items: center;
+    }
   }
 
   &__info {
@@ -87,6 +115,14 @@
       flex-direction: column;
       width: 46%;
 
+      @media (max-width: 1072px) {
+        width: 75%;
+      }
+
+      @media (max-width: 478px) {
+        width: 100%;
+      }
+
       label {
         font-weight: 400;
         font-size: 15px;