Merge pull request #65 from softeerbootcamp4th/feature/7-intro

[design] 반응형 관련 스타일 수정
softeerbootcamp4th · Aug 5, 2024 · 0bb56a8 · 0bb56a8
2 parents 4fbaae2 + 94e7658
commit 0bb56a8
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/introSection/index.jsx b/src/introSection/index.jsx
@@ -74,7 +74,7 @@ function IntroSection() {
 
   return (
     <>
-      <div ref={introRef} className="h-[2160px] flex flex-col items-center">
+      <div ref={introRef} className="flex flex-col items-center">
         <div className="z-50 fixed w-full flex justify-center top-[500px] -translate-y-1/2 pointer-events-none">
           <h1
             className={`${style.openTitle} ease-in text-8xl font-bold text-black  z-50`}
@@ -99,7 +99,7 @@ function IntroSection() {
             <video
               src={SpinningCarVideo}
               ref={videoRef}
-              className="w-dvw scale-110 z-0 pointer-events-none select-none"
+              className="w-full scale-[2.0] lg:scale-110 z-0 pointer-events-none select-none"
             />
           </div>
 
@@ -116,7 +116,7 @@ function IntroSection() {
         <img
           src={Pointer}
           alt="다음으로 넘어가기"
-          className="pt-[100px] animate-bounce"
+          className="pt-32 pb-32 animate-bounce"
         />
       </div>