Fix : 화면에 따른 너비 오류 해결

MajorIn-ABO · Jun 12, 2024 · b9d7d82 · b9d7d82
1 parent 506ff38
commit b9d7d82
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/router/RouterApp.tsx b/src/router/RouterApp.tsx
@@ -18,23 +18,32 @@ import Header from "../components/navbar/Header";
 import Navbar from "../components/navbar/Navbar";
 
 const ContentContainer = styled.div`
-  display: flex;
   width: 100%;
   min-width: 1024px;
   // height: 90vh;
   margin: 0 auto;
   padding: 30px 20px;
   background: #fafafa;
+  // gap: 20px;
+`;
+
+const Content = styled.div`
+  max-width: 2048px;
+  min-width: 1024px;
+  display: flex;
   gap: 20px;
+  padding: 0 20px 0 0;
 `;
 
 const MainLayout = () => {
   return (
     <div>
       <Header />
       <ContentContainer>
-        <Navbar />
-        <Outlet />
+        <Content>
+          <Navbar />
+          <Outlet />
+        </Content>
       </ContentContainer>
     </div>
   );