[FIX] section overflow

Carms Ng · Carms Ng · commit 5845b3d6b703 · 2021-10-14T17:15:05.000-04:00
diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js
@@ -33,8 +33,8 @@ const GlobalStyles = createGlobalStyle`
     width: min-content;
   }
   section {
-    padding-top: 100px;
-    height: 100vh;
+    padding: 100px 0;
+    min-height: 100vh;
   }
   button:focus, button:hover {
     outline: none;
@@ -43,7 +43,6 @@ const GlobalStyles = createGlobalStyle`
     display: grid;
     align-items: flex-start;
     height: 100%;
-    overflow: auto;
   }
 `;
 

Original file line number	Diff line number	Diff line change
@@ -33,8 +33,8 @@ const GlobalStyles = createGlobalStyle`
`33`	`33`	`width: min-content;`
`34`	`34`	`}`
`35`	`35`	`section {`
`36`		`- padding-top: 100px;`
`37`		`- height: 100vh;`
	`36`	`+ padding: 100px 0;`
	`37`	`+ min-height: 100vh;`
`38`	`38`	`}`
`39`	`39`	`button:focus, button:hover {`
`40`	`40`	`outline: none;`
@@ -43,7 +43,6 @@ const GlobalStyles = createGlobalStyle`
`43`	`43`	`display: grid;`
`44`	`44`	`align-items: flex-start;`
`45`	`45`	`height: 100%;`
`46`		`- overflow: auto;`
`47`	`46`	`}`
`48`	`47`	`;
`49`	`48`