diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss index fb16cba..b4fa88a 100644 --- a/src/components/Footer/Footer.module.scss +++ b/src/components/Footer/Footer.module.scss @@ -27,7 +27,7 @@ footer { height: 96px; } @media (max-width: 1025px) { - width: 96.875%; + width: auto; height: 104.01px; flex-direction: column; align-items: flex-start; @@ -36,7 +36,6 @@ footer { margin: 0; } @media (max-width: 376px) { - width: 91.484%; height: 98px; row-gap: 0; } @@ -376,11 +375,11 @@ footer { } @media (max-width: 1025px) { flex-direction: column; - width: 96.875%; + width: 96.852%; padding: 24px 0; } @media (max-width: 376px) { - width: 91.484%; + width: 91.284%; } .Menu__List { display: flex; @@ -658,10 +657,10 @@ footer { width: 92.002%; } @media (max-width: 1025px) { - width: 96.875%; + width: 96.852%; } @media (max-width: 376px) { - width: 91.484%; + width: 91.284%; // width: 91.284%; } &__Block { @@ -713,7 +712,7 @@ footer { } @media (max-width: 1025px) { margin-right: 0; - width: calc(100% - 34.2px); + width: calc(100% - 33.97px); border-radius: unset; margin-bottom: 16px; } diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss index bba3e26..93427ed 100644 --- a/src/components/Header/Header.module.scss +++ b/src/components/Header/Header.module.scss @@ -38,10 +38,10 @@ header { height: 101px; } @media (max-width: 1025px) { - width: 96.875%; + width: 96.852%; } @media (max-width: 376px) { - width: 91.484%; + width: 91.284%; } .Header__Button { background: transparent; @@ -142,13 +142,13 @@ header { line-height: 33px; } @media (max-width: 1025px) { - width: calc(100% - 64px); + width: calc(100% - 63.96px); height: 16.04px; position: absolute; top: 78px; } @media (max-width: 376px) { - width: calc(100% - 64.71px); + width: calc(100% - 63.96px); } &::placeholder { @@ -196,7 +196,7 @@ header { z-index: 3; left: -16px; height: 78px; - width: 99.573%; + width: 99.597%; transform: translateX(-100%); transition: 0.5s ease-in-out; background: $black; @@ -231,7 +231,7 @@ header { @media (max-width: 1025px) { position: absolute; z-index: 3; - width: 99.573%; + width: 99.597%; left: -16px; transform: translateX(0); transition: 0.5s ease-in-out; @@ -381,5 +381,3 @@ header { border-top-width: 0px; } } - - diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss index 041092c..e6393b7 100644 --- a/src/components/Main/Main.module.scss +++ b/src/components/Main/Main.module.scss @@ -30,11 +30,11 @@ main { width: 92.002%; } @media (max-width: 1025px) { - width: 96.875%; + width: 96.852%; margin-bottom: 108px; } @media (max-width: 376px) { - width: 91.484%; + width: 91.284%; } &__ArrowPointToRight { margin-right: 9.72px; @@ -94,11 +94,11 @@ main { width: 92.002%; } @media (max-width: 1025px) { - width: 96.875%; + width: 96.852%; flex-direction: column; } @media (max-width: 376px) { - width: 91.484%; + width: 91.284%; } aside { display: flex;