Merge pull request #170 from 100-hours-a-week/feature/elle

Style : 포트폴리오 상세 스타일 수정
100-hours-a-week · Aug 29, 2024 · 3260ac1 · 3260ac1
2 parents 0a52af4 + 14bc88d
commit 3260ac1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/Component/Carousel/EmblaCarousel.tsx b/src/Component/Carousel/EmblaCarousel.tsx
@@ -188,6 +188,8 @@ const EmblaCarousel: React.FC<PropType> = ({
                       ₩ {formatPrice(item.budget)}
                     </p>
                     <p style={{ color: color }}> {value}%</p>
+                  </div>
+                  <div className="img__container">
                     <img src={myPortfolioImg} alt="Portfolio" />
                   </div>
                 </div>

diff --git a/src/Component/Carousel/embla.css b/src/Component/Carousel/embla.css
@@ -55,19 +55,25 @@
   margin: 0.2rem 0;
 }
 
-.embla__slide__info > img {
-  width: 130px;
-  height: 130px;
+.img__container > img {
+  width: 120px;
+  height: 120px;
   margin-left: 2.5rem;
   margin-top: -2rem;
+  position: absolute;
+  top: 200px;
+  right: 20px;
 }
 
 @media screen and (max-width: 768px) {
-  .embla__slide__info > img {
+  .img__container > img {
     width: 80px;
     height: 80px;
-    margin-left: 3rem;
-    margin-top: 2rem;
+    margin-left: 2rem;
+    margin-top: 1rem;
+    position: absolute;
+    top: 190px;
+    right: 20px;
   }
 }