diff --git a/src/components/NavMenu/NavMenu.module.scss b/src/components/NavMenu/NavMenu.module.scss index 03d7afe..1251b74 100644 --- a/src/components/NavMenu/NavMenu.module.scss +++ b/src/components/NavMenu/NavMenu.module.scss @@ -42,7 +42,7 @@ @media only screen and (max-width: 720px) { .navMenu { - width: 100%; + width: 100dvw; } .sideNav { diff --git a/src/components/Note/Note.module.scss b/src/components/Note/Note.module.scss index 8ad0323..5cb2217 100644 --- a/src/components/Note/Note.module.scss +++ b/src/components/Note/Note.module.scss @@ -223,11 +223,13 @@ @media only screen and (max-width: 720px) { .note { - width: 100vw; + width: 100dvw; + overflow: hidden; .content { .rightSide { - width: 100%; + width: calc(100dvw - 42px - 24px); + overflow: hidden; } } } diff --git a/src/pages/Profile.module.scss b/src/pages/Profile.module.scss index 94925bc..4ec3b76 100644 --- a/src/pages/Profile.module.scss +++ b/src/pages/Profile.module.scss @@ -450,6 +450,11 @@ } @media only screen and (max-width: 720px) { + .fullHeader { + width: 100dvw; + overflow-x: hidden; + margin-inline: 0; + } .banner { width: 100%;