fix horizontal scrolling

Yushan Li · Yushan Li · commit cedf20415c97 · 2025-10-22T13:34:54.000-07:00
diff --git a/styles/globals.scss b/styles/globals.scss
@@ -7,6 +7,8 @@ html,
 body {
   padding: 0;
   margin: 0;
+  width: 100%;
+  overflow-x: hidden;
 }
 
 a {
@@ -29,4 +31,6 @@ description-list {
 
 main {
   padding-top: 10vh;
+  max-width: 100vw; /* Keep main content within screen width */
+  overflow-x: hidden;
 }

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,8 @@ html,`
`7`	`7`	`body {`
`8`	`8`	`padding: 0;`
`9`	`9`	`margin: 0;`
	`10`	`+ width: 100%;`
	`11`	`+ overflow-x: hidden;`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`a {`
`@@ -29,4 +31,6 @@ description-list {`
`29`	`31`
`30`	`32`	`main {`
`31`	`33`	`padding-top: 10vh;`
	`34`	`+ max-width: 100vw; /* Keep main content within screen width */`
	`35`	`+ overflow-x: hidden;`
`32`	`36`	`}`