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 = () => {
diff --git a/src/pages/AuthForCandidate/authForCandidate.scss b/src/pages/AuthForCandidate/authForCandidate.scss index 0e204dec..bd2bd555 100644 --- a/src/pages/AuthForCandidate/authForCandidate.scss +++ b/src/pages/AuthForCandidate/authForCandidate.scss @@ -64,6 +64,6 @@ } footer { - margin-top: 70px; + margin-top: 10px; } }