fix: 모바일 배경이 데스크톱에서 보이는 문제

wafflestudio · Apr 7, 2024 · 99c5d18 · 99c5d18
1 parent 60002e7
commit 99c5d18
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/main/GraphicSection.tsx b/components/main/GraphicSection.tsx
@@ -7,7 +7,13 @@ export default function GraphicSection() {
   // 헤더 높이 빼기
   return (
     <div className="relative flex w-fit min-w-full flex-col items-center justify-between gap-[50px] pb-[67px] pt-[60px] sm:flex-row-reverse sm:justify-center sm:gap-[75px] sm:pb-[170px] sm:pt-[80px] xl:gap-[125px]">
-      <Image src="/image/main/background.png" alt="" className="object-cover" unoptimized fill />
+      <Image
+        src="/image/main/background.png"
+        alt=""
+        className="object-cover sm:hidden"
+        unoptimized
+        fill
+      />
       <DownArrow className="bottom-[5rem] left-1/2 hidden -translate-x-1/2 animate-arrowBounce sm:absolute" />
       <Image
         src="/image/main/mainGraphic.png"