Fixed scrolling overflow bug

CodeEditApp · Sep 26, 2022 · 520b721 · 520b721
1 parent 71e2f85
commit 520b721
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/components/common/Footer.jsx b/components/common/Footer.jsx
@@ -57,6 +57,7 @@ const LegalCopyright = styled.div`
 `
 const LegalLinks = styled.div`
   display: flex;
+  flex-wrap: wrap;
   a {
     border-right: 1px solid #d2d2d7;
     margin-right: 7px;

diff --git a/styles/globals.css b/styles/globals.css
@@ -43,12 +43,21 @@ h6 {
 
 html,
 body {
+  width: 100%;
+  overflow-x: hidden;
   padding: 0;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
     Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+}
+
 a {
   color: inherit;
   text-decoration: none;
@@ -81,10 +90,6 @@ html[data-color-scheme='dark'] {
   color: white;
 }
 
-body {
-  overflow-x: hidden;
-}
-
 :root {
   --black: #000000;
   --white: #ffffff;