fix: 태그가 아주 많을 경우의 프로필 카드 수정 (#1356)

sopt-makers · Mar 22, 2024 · b38aeee · b38aeee
1 parent 6c888a4
commit b38aeee
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/members/main/MemberCard/index.tsx b/src/components/members/main/MemberCard/index.tsx
@@ -119,6 +119,7 @@ const ImageHolder = styled(m.div)`
 
 const ContentArea = styled.div`
   grid-area: content;
+  min-width: 0;
   min-height: 120px;
 
   @media ${MOBILE_MEDIA_QUERY} {

diff --git a/src/components/members/main/MemberList/index.tsx b/src/components/members/main/MemberList/index.tsx
@@ -549,18 +549,18 @@ const StyledMemberSearch = styled(MemberSearch)`
 
 const StyledCardWrapper = styled.div`
   display: grid;
-  grid-template-columns: repeat(4, minmax(auto, 303px));
+  grid-template-columns: repeat(4, minmax(10px, 303px));
   gap: 30px;
   align-items: center;
   justify-items: stretch;
   margin-top: 28px;
 
   @media ${DESKTOP_ONE_MEDIA_QUERY} {
-    grid-template-columns: repeat(3, minmax(auto, 303px));
+    grid-template-columns: repeat(3, minmax(10px, 303px));
   }
 
   @media ${DESKTOP_TWO_MEDIA_QUERY} {
-    grid-template-columns: repeat(2, minmax(auto, 303px));
+    grid-template-columns: repeat(2, minmax(10px, 303px));
   }
 
   @media ${MOBILE_MEDIA_QUERY} {