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) {