From 67454359a80fcb02d4ee2cf26424c6bf581fc8d2 Mon Sep 17 00:00:00 2001
From: Andy Pack <andy@sarsoo.xyz>
Date: Thu, 10 Oct 2024 19:37:05 +0100
Subject: [PATCH] fixing scroll watcher

---
 scroll-animation/src/components/Article.vue | 2 ++
 scroll-animation/src/style.css              | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/scroll-animation/src/components/Article.vue b/scroll-animation/src/components/Article.vue
index 71291b8..8a74560 100644
--- a/scroll-animation/src/components/Article.vue
+++ b/scroll-animation/src/components/Article.vue
@@ -84,5 +84,7 @@ const count = ref(0)
 
 .con {
   padding: 2rem;
+  max-width: 1280px;
+  margin: 0 auto;
 }
 </style>
diff --git a/scroll-animation/src/style.css b/scroll-animation/src/style.css
index 13d1523..5c9f4cd 100644
--- a/scroll-animation/src/style.css
+++ b/scroll-animation/src/style.css
@@ -59,10 +59,9 @@ button:focus-visible {
 }
 
 #app {
-  max-width: 1280px;
-  margin: 0 auto;
   /* padding: 2rem; */
   text-align: center;
+  width: 100%;
 }
 
 @media (prefers-color-scheme: light) {