feat: channelList 반응형 디자인

GihoKo · Jul 12, 2024 · 6f0086c · 6f0086c
1 parent d8a6a56
commit 6f0086c
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Organisms/Content/ChannelContainer.tsx b/src/components/Organisms/Content/ChannelContainer.tsx
@@ -38,6 +38,10 @@ const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
   padding: 0 32px;
+
+  @media (max-width: 1024px) {
+    padding: 0 16px;
+  }
 `;
 
 const Container = styled.ul`
@@ -53,6 +57,7 @@ const Container = styled.ul`
 
   @media (max-width: 1024px) {
     grid-template-columns: repeat(2, 1fr);
+    padding: 16px;
     gap: 8px;
   }