diff --git a/src/components/AuthBlock/authBlock.scss b/src/components/AuthBlock/authBlock.scss
index a223d69f..23f073bf 100644
--- a/src/components/AuthBlock/authBlock.scss
+++ b/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;
diff --git a/src/components/StepsForCandidate/stepForCandidate.scss b/src/components/StepsForCandidate/stepForCandidate.scss
index b78009b4..e4f9c8f0 100644
--- a/src/components/StepsForCandidate/stepForCandidate.scss
+++ b/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;
diff --git a/src/pages/AuthForCandidate/AuthForCandidate.jsx b/src/pages/AuthForCandidate/AuthForCandidate.jsx
index aaed8870..f965ec59 100644
--- a/src/pages/AuthForCandidate/AuthForCandidate.jsx
+++ b/src/pages/AuthForCandidate/AuthForCandidate.jsx
@@ -146,8 +146,8 @@ export const AuthForCandidate = () => {