fix bug with scroll snap adding visual padding right

kimmykokonut · Nov 5, 2024 · 42cfd5a · 42cfd5a
1 parent a078300
commit 42cfd5a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -18,12 +18,13 @@ html {
 .container {
   scroll-snap-type: y mandatory;
   overflow-y: scroll;
+  padding: 0;
+  margin: 0;
 }
 
 #home,
 #about,
 #projects,
-#skills,
 #contact {
   scroll-snap-align: start;
 }

diff --git a/app/page.tsx b/app/page.tsx
@@ -6,7 +6,7 @@ import Contact from "./contact/page";
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col bg-[#f2f3f4] dark:bg-[#1e1e1e] mx-auto px-12 py-4">
-      <div className="container mt-24 mx-auto">
+      <div className="container mt-24 mx-auto overflow-hidden">
         <Hero />
         <About />
         <Projects />