diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 8606be0..34471f6 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -41,7 +41,7 @@ app-header { @media screen and (max-width: 910px) { .main-content { width: calc(100vw - 64px); - height: calc(100vh - 240px); + height: calc(100vh - 176px); padding: 32px; } diff --git a/src/app/components/contacts/contacts.component.scss b/src/app/components/contacts/contacts.component.scss index 32c34fc..e780bf5 100644 --- a/src/app/components/contacts/contacts.component.scss +++ b/src/app/components/contacts/contacts.component.scss @@ -143,25 +143,28 @@ section { @media screen and (max-width: 1150px) { .left-frame { - position: fixed; - top: 96px; - left: 232px; + position: absolute; + top: -64px; + left: -64px; width: calc(100vw - 232px); - min-height: calc(100vh - 207px); } } @media screen and (max-width: 910px) { .left-frame { - top: 96px; - left: 0px; - width: 100vw; + position: relative; + top: -32px; + left: -32px; + width: calc(100vw); + min-height: calc(100vh - 208px); } } @media screen and (max-width: 450px) { .left-frame { padding: 0; + left: -16px; + min-height: calc(100vh - 176px); } .btn {