finish layout rework

src/components/Candidate/Candidate.jsx

@@ -91,10 +91,10 @@ const Candidate = () => {
   const { header, img, classes } = setStyles();
 
   return (
-    <div className="candidate__wrapper">
+    <div className="candidate">
       <ProfileHeader />
       <Navigation />
-      <div className="container candidate">
+      <div className="container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/profile" },

src/components/Candidate/candidate.scss

@@ -1,22 +1,24 @@
 @use "sass:math";
 
 .candidate {
-  padding-top: 23px;
+  display: flex;
-  z-index: 0;
+  flex-direction: column;
-
-  &__wrapper {
-    background: #f1f1f1;
   min-height: 100vh;
+  background: #f1f1f1;
+
+  .container {
+    margin-top: 23px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
   }
 
   .profile-breadcrumbs {
     position: relative;
-    z-index: -1;
   }
 
   .row {
     position: relative;
-    z-index: -1;
   }
 
   &__header {
@@ -32,13 +34,11 @@
 
   .col-xl-8 {
     position: relative;
-    z-index: -1;
   }
 
   &__main {
     margin-top: 60px;
     position: relative;
-    z-index: -1;
 
     &-description {
       padding-left: 16px;

src/components/OutstaffingBlock/outstaffingBlock.scss

@@ -1,6 +1,3 @@
-.container {
-  max-width: 1160px !important;
-}
 .catalog {
   background: #f1f1f1;
   height: 100%;
@@ -14,6 +11,10 @@
   }
 }
 
+.container {
+  max-width: 1160px !important;
+}
+
 .outstaffing-block__selected .outstaffing-block__img {
   background-color: #52b70999;
   color: #f9f9f9;

src/pages/Article/article.scss

@@ -1,6 +1,16 @@
 .article-blog {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background: #f1f1f1;
 
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
   &__breadcrumbs {
     margin-top: 30px;
 

src/pages/AuthForCandidate/authForCandidate.scss

@@ -1,7 +1,15 @@
 .auth-candidate {
-  overflow: hidden;
+  display: flex;
-  position: relative;
+  flex-direction: column;
-  background-color: #f1f1f1;
+  min-height: 100vh;
+  background: #f1f1f1;
+
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
 
   &__start {
     margin-top: 60px;

src/pages/Blog/blog.scss

@@ -1,6 +1,16 @@
 .blog {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background: #f1f1f1;
 
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
   &__breadcrumbs {
     margin-top: 30px;
 

src/pages/PartnerAddRequest/partnerAddRequest.scss

@@ -7,6 +7,9 @@
   .container {
     max-width: 1160px;
     margin-top: 23px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
 
     @media (max-width: 570px) {
       margin-top: 0;

src/pages/RegistrationForCandidate/registationForCandidate.scss

@@ -1,6 +1,15 @@
 .registration-candidate {
-  position: relative;
+  display: flex;
-  background-color: #f1f1f1;
+  flex-direction: column;
+  min-height: 100vh;
+  background: #f1f1f1;
+
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
 
   &__start {
     display: flex;