fixes

src/components/Candidate/Candidate.js

@@ -104,7 +104,7 @@ const Candidate = () => {
             <div className='col-12 candidate__header'>
 
               <div className='candidate__header__left'>
-                <h3>{currentCandidateObj.specification}{SKILLS[currentCandidateObj.position_id]} {LEVELS[currentCandidateObj.level]}</h3>
+                <h3>{currentCandidateObj.specification} &nbsp; {SKILLS[currentCandidateObj.position_id]} &nbsp; {LEVELS[currentCandidateObj.level]}</h3>
                 <div className='candidate__arrow' onClick={() => navigate('/profile/catalog')}>
                   <div className='candidate__arrow-img'>
                     <img src={rightArrow} alt=''/>

src/components/Candidate/candidate.scss

@@ -56,6 +56,10 @@
       font-style: normal;
       letter-spacing: normal;
       text-align: left;
+
+      @media (max-width: 1200px) {
+        margin: 0;
+      }
     }
 
     &-secondary {
@@ -78,6 +82,10 @@
 
     img {
       position: absolute;
+
+      @media (max-width: 768px) {
+        position: initial;
+      }
     }
 
     h3 {
@@ -116,6 +124,10 @@
       font-size: 12px;
       color: #5B6871;
       max-width: 75px;
+
+      @media (max-width: 768px) {
+        max-width: 100%;
+      }
     }
   }
 
@@ -124,40 +136,40 @@
   }
 }
 
-@media (max-width: 575.98px) {
+//@media (max-width: 575.98px) {
-  .candidate {
+//  .candidate {
-    &__title {
+//    &__title {
-      h2 {
+//      h2 {
-        font-size: 5em;
+//        font-size: 5em;
-        line-height: normal;
+//        line-height: normal;
-      }
+//      }
-    }
+//    }
-
+//
-    &__arrow {
+//    &__arrow {
-      margin-bottom: 40px;
+//      margin-bottom: 40px;
-
+//
-      &-img {
+//      &-img {
-        img {
+//        img {
-          cursor: pointer;
+//          cursor: pointer;
-        }
+//        }
-      }
+//      }
-
+//
-      &-sp {
+//      &-sp {
-        span {
+//        span {
-          margin-left: 40px;
+//          margin-left: 40px;
-          margin-right: 120px;
+//          margin-right: 120px;
-          font-family: 'GT Eesti Pro Display', sans-serif;
+//          font-family: 'GT Eesti Pro Display', sans-serif;
-          font-size: 1.8em;
+//          font-size: 1.8em;
-          font-weight: 100;
+//          font-weight: 100;
-          font-style: normal;
+//          font-style: normal;
-          letter-spacing: normal;
+//          letter-spacing: normal;
-          line-height: 36px;
+//          line-height: 36px;
-          text-align: left;
+//          text-align: left;
-        }
+//        }
-      }
+//      }
-    }
+//    }
-  }
+//  }
-}
+//}
 
 @media (max-width: 375.98px) {
   .candidate {
@@ -177,7 +189,6 @@
     }
 
     &__arrow {
-      margin-left: 60px;
       margin-bottom: 40px;
     }
   }
@@ -185,28 +196,28 @@
 
 @media (max-width: 575.98px) {
   .candidate {
-    &__header {
+    //&__header {
-      display: flex;
+    //  display: flex;
-      flex-direction: column;
+    //  flex-direction: column;
-      margin-left: 0;
+    //  margin-left: 0;
-      margin-top: 40px;
+    //  margin-top: 40px;
-    }
+    //}
 
-    &__main {
+    //&__main {
-      &-description {
+    //  &-description {
-        h2 {
+    //    h2 {
-          font-size: 3.2em;
+    //      font-size: 3.2em;
-          text-align: center;
+    //      text-align: center;
-          position: absolute;
+    //      position: absolute;
-          top: -410px;
+    //      top: -410px;
-          left: 0;
+    //      left: 0;
-        }
+    //    }
-
+    //
-        img {
+    //    img {
-          display: none;
+    //      display: none;
-        }
+    //    }
-      }
+    //  }
-    }
+    //}
 
     &__btn {
       display: block;
@@ -313,6 +324,11 @@
   column-gap: 10px;
   row-gap: 15px;
 
+  @media (max-width: 1200px) {
+    margin-top: 20px;
+    padding: 0 15px;
+  }
+
   &__info {
     width: 100%;
     background: #E1FCCF;

src/components/StepsForCandidate/stepForCandidate.scss

@@ -7,6 +7,11 @@
   padding:0 55px 0 85px;
   width: 100%;
 
+  @media (max-width: 965px) {
+    justify-content: center;
+    padding: 0 20px;
+  }
+
   &__start {
     display: flex;
     align-items: center;
@@ -26,6 +31,10 @@
       line-height: 32px;
       color: #000000;
     }
+
+    @media (max-width: 965px) {
+      display: none;
+    }
   }
 
   &__info {

src/pages/AuthForCandidate/authForCandidate.scss

@@ -11,6 +11,15 @@
       padding: 50px 0 35px 56px;
       margin-top: 40px;
       display: flex;
+
+      @media (max-width: 1024px) {
+        margin-top: 100px;
+      }
+
+      @media (max-width: 870px) {
+        flex-direction: column;
+        padding: 25px;
+      }
     }
 
     &__info {
@@ -28,6 +37,15 @@
         font-weight: 400;
         font-size: 16px;
         line-height: 30px;
+
+        @media (max-width: 870px) {
+          max-width: none;
+          margin-bottom: 15px;
+        }
+      }
+
+      @media (max-width: 870px) {
+        margin-right: 0;
       }
     }
 
@@ -47,6 +65,10 @@
         font-weight: 400;
         font-size: 15px;
         line-height: 18px;
+
+        @media (max-width: 870px) {
+          max-width: 350px;
+        }
       }
 
       label {
@@ -87,6 +109,10 @@
       span {
         color: #52B709;
       }
+
+      @media (max-width: 660px) {
+        font-size: 25px;
+      }
     }
 
     &__description {
@@ -103,6 +129,20 @@
       row-gap: 24px;
       column-gap: 21px;
       width: 100%;
+
+      .categoriesItem {
+        @media (max-width: 1094px) {
+          flex: 0 0 48.6%;
+        }
+
+        @media (max-width: 795px) {
+          flex: 0 0 100%;
+        }
+      }
+
+      @media (max-width: 660px) {
+        margin-top: 130px;
+      }
     }
   }
 

src/pages/AuthForPartners/authForPartners.scss

@@ -300,6 +300,10 @@
     img {
       transform: rotate(90deg);
     }
+
+    @media (max-width: 660px) {
+      margin: 15px 0;
+    }
   }
 
   &__partnersForPart {

src/pages/PartnerBid/PartnerBid.js

@@ -116,7 +116,7 @@ export const PartnerBid = () => {
                             return <Link to='/candidate/110' key={index} className='partnerBid__suitable__person'>
                                         <img src={person.img} alt='avatar' />
                                         <p>{person.name}</p>
-                                        <Link className='partnerBid__suitable__person__more' to={person.link}>
+                                        <Link className='partnerBid__suitable__person__more' to='/candidate/110'>
                                             Подробнее
                                         </Link>
                                         <div className='partnerBid__suitable__person__info'>

src/pages/RegistrationForCandidate/registationForCandidate.scss

@@ -10,6 +10,10 @@
     align-items: center;
     margin-top: 55px;
 
+    @media (max-width: 1024px) {
+      padding-top: 70px;
+    }
+
     .step {
       top: 36.5%;
     }