🐛 Fix: 텍스트 겹치는 문제 해결

2024WISCOM · Oct 25, 2024 · 6e8e466 · 6e8e466
1 parent ba31929
commit 6e8e466
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/workdetail/developer/Developer.style.js b/src/components/workdetail/developer/Developer.style.js
@@ -24,6 +24,7 @@ export const DeveloperName = styled.div`
   font-size: 22px;
   font-family: 'Pretendard-Medium';
   margin: 0px;
+  line-height: initial;
 
   ${({ isTwoCharacters }) =>
     isTwoCharacters &&
@@ -69,6 +70,7 @@ export const DeveloperPosition = styled.div`
   color: #696969;
   margin: 0px;
   flex: 1;
+  line-height: initial;
 
     @media (max-width: 1500px) {
     font-size: 20px;

diff --git a/src/components/workdetail/rightcomponent/RightContent.style.js b/src/components/workdetail/rightcomponent/RightContent.style.js
@@ -152,14 +152,14 @@ export const LinkTo = styled.div`
 export const DeveloperWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 50px;
+  gap: 20px;
   justify-content: flex-start;
   align-items: flex-start;
   text-align: left;
   margin: 0px;
 
   @media (max-width: 1200px) {
-    gap: 40px;
+    gap: 18px;
   }
 `;