From 42cfd5aa64c4cc1952e6a76c05a5c40046bd58ef Mon Sep 17 00:00:00 2001
From: Kim Robinson <kimmykokonut@gmail.com>
Date: Tue, 5 Nov 2024 11:30:49 -0800
Subject: [PATCH] fix bug with scroll snap adding visual padding right

---
 app/globals.css | 3 ++-
 app/page.tsx    | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index d591ed4..d4b060c 100644
--- 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
index be9c137..7edfa9e 100644
--- 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 />