Testing out anti-side scrolling

ArushYadlapati · Aug 19, 2024 · 6554cf7 · 6554cf7
1 parent fa8d699
commit 6554cf7
Show file tree

Hide file tree

Showing 4 changed files with 152 additions and 10 deletions.
diff --git a/antiScroll.css b/antiScroll.css
@@ -0,0 +1,8 @@
+html, body {
+    overflow-x: hidden;
+    width: 100%;
+}
+
+body {
+    position: relative;
+}
diff --git a/app/page.js b/app/page.js
@@ -3,6 +3,7 @@ import Experience from "./components/homepage/experience";
 import HeroSection from "./components/homepage/hero-section";
 import Projects from "./components/homepage/projects";
 import Skills from "./components/homepage/skills";
+import '../antiScroll.css';
 
 export default async function Home() {
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,8 @@
     "react-fast-marquee": "^1.6.2",
     "react-google-recaptcha": "^3.1.0",
     "react-icons": "^4.11.0",
-    "react-toastify": "^10.0.4"
+    "react-toastify": "^10.0.4",
+    "styled-components": "^6.1.12"
   },
   "devDependencies": {
     "autoprefixer": "latest",