From 0fee98d8da9cb30069bb217e2424d361b5875d9d Mon Sep 17 00:00:00 2001
From: Greg <GitHubGreg@users.noreply.github.com>
Date: Fri, 27 Oct 2023 09:45:53 -0400
Subject: [PATCH] Fix horizontal scroll on mobile

Thanks again for this repo.

On mobile, the framer intro animation caused the page width to be larger than it actually is, causing horizontal scrolling into empty space.

Per https://stackoverflow.com/a/68913161 this is a CSS fix for that.
---
 src/index.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index d59dc16..ddec274 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,4 +4,14 @@
 
 body {
   @apply bg-[#1a202c]
-}
\ No newline at end of file
+}
+
+html,
+body {
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+}
+
+body {
+  position: relative;
+}