🐛 Fix: 랜딩 디자인 수정

sprint6-part2 · May 15, 2024 · f86fc6b · f86fc6b
1 parent be19230
commit f86fc6b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/pages/LandingPage/index.jsx b/src/pages/LandingPage/index.jsx
@@ -39,7 +39,7 @@ const LadingPage = () => {
             </div>
             <motion.img
               initial={{ opacity: 0 }}
-              whileInView={{ opacity: 1 }}
+              whileInView={{ opacity: 0.4 }}
               viewport={{ once: false }}
               transition={{
                 ease: 'easeInOut',

diff --git a/src/pages/LandingPage/styles.module.scss b/src/pages/LandingPage/styles.module.scss
@@ -76,7 +76,7 @@
     position: absolute;
     width: 932px;
     height: 781px;
-    opacity: 50%;
+    opacity: 40%;
     z-index: 0;
 
     @media (max-width: $width-tablet) {
@@ -95,14 +95,17 @@
   }
 
   p {
+    margin-top: 45px;
     z-index: 1;
     @include font-base(white, 700, 26px, 31px);
     text-align: center;
 
     @media (max-width: $width-tablet) {
+      margin-top: 0;
       @include font-base(white, 700, 20px, 24px);
     }
     @media (max-width: $width-mobile) {
+      margin-top: 0;
       @include font-base(white, 400, 20px, 24px);
     }