diff --git a/src/index.html b/src/index.html index 35c53ab802..de0df0d3f3 100644 --- a/src/index.html +++ b/src/index.html @@ -33,7 +33,6 @@ > - diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss index a4faf6e966..9e2d715408 100644 --- a/src/styles/blocks/header.scss +++ b/src/styles/blocks/header.scss @@ -1,5 +1,4 @@ .header { - height: 100vh; &__top { box-sizing: border-box; @@ -15,11 +14,11 @@ padding: 20px 41px; } - @media (min-width: 769px) and (max-width: 1366px) { + @media (min-width: 769px) and (max-width: 1200px) { padding: 50px 55px; } - @media (min-width: 1367px) and (max-width: 2500px) { + @media (min-width: 1201px) and (max-width: 2500px) { padding: 50px 227px; } @@ -55,6 +54,11 @@ margin-left: auto; } + @media (max-width: 481px) { + margin-left: auto; + padding-bottom: 20px; + } + position: relative; &::after { content:''; @@ -64,6 +68,10 @@ height: 2px; width: 100%; background-color: #2060F6; + + @media (max-width: 481px) { + bottom: 20px; + } } } diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss index 8933b3062f..199da6c446 100644 --- a/src/styles/blocks/page.scss +++ b/src/styles/blocks/page.scss @@ -52,7 +52,7 @@ section:not(.strategic__agency) { padding-inline: 227px; } - @media (min-width: 1901px) { + @media (min-width: 2501px) { padding-inline: 708px; } diff --git a/src/styles/blocks/slider.scss b/src/styles/blocks/slider.scss index 6e0341feb1..62934b2cfb 100644 --- a/src/styles/blocks/slider.scss +++ b/src/styles/blocks/slider.scss @@ -10,16 +10,16 @@ background-repeat: no-repeat; background-position: center; background-size: cover; - height: 100%; + height: 390px; @media (min-width: 769px){ border-radius: 30px 0; + height: 680px; } @media (min-width: 481px) and (max-width: 768px) { background-image: url("../images/new-photos/slider-tablet.png"); - min-height: 300px; - } + } @media (min-width: 769px) and (max-width: 1200px) { background-image: url("../images/new-photos/slider-desktop.png"); @@ -29,7 +29,7 @@ background-image: url("../images/new-photos/slider-l.png"); } - @media (min-width: 2500px) { + @media (min-width: 2501px) { background-image: url("../images/new-photos/slider-xl.png"); } diff --git a/src/styles/blocks/strategic-agency.scss b/src/styles/blocks/strategic-agency.scss index 0df8675168..72a9d2f7f7 100644 --- a/src/styles/blocks/strategic-agency.scss +++ b/src/styles/blocks/strategic-agency.scss @@ -3,8 +3,6 @@ background-color: #2C2C2C; border-radius: 0 0 30px 30px; - height: 82vh; - @media (min-width: 769px) { display: flex; flex-direction: row;