fix: sm 이하 넓이에서는 컨테이너가 flex-start가 되도록 변경 (#533)

- 모바일에서는 중앙 정렬시 잘 안보임
woowacourse-teams · Oct 19, 2023 · be75d4f · be75d4f
1 parent 7fbf92b
commit be75d4f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/frontend/src/features/songs/components/SongDetailItem.tsx b/frontend/src/features/songs/components/SongDetailItem.tsx
@@ -88,6 +88,10 @@ const Container = styled.div`
   height: 100vh;
   padding-top: ${({ theme: { headerHeight } }) => headerHeight.desktop};
 
+  @media (max-width: ${({ theme }) => theme.breakPoints.sm}) {
+    justify-content: flex-start;
+  }
+
   @media (max-width: ${({ theme }) => theme.breakPoints.xs}) {
     padding-top: ${({ theme: { headerHeight } }) => headerHeight.mobile};
   }