#13 [style] set reset overall layout

메인 페이지내 전체적 높이 너비 CSS 조정 issue : #13
EFUB-TEAM4 · Jul 18, 2022 · e46a2fb · e46a2fb
1 parent 8f039ad
commit e46a2fb
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 11 deletions.
diff --git a/src/components/TempReport/style.js b/src/components/TempReport/style.js
@@ -6,7 +6,7 @@ import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 
 const StyledRoot = styled.section`
-  width: 98%;
+  width: 100%;
   padding-top: 1.2rem;
   .slick-slider {
     height: fit-content;

diff --git a/src/pages/Main/Vote/index.jsx b/src/pages/Main/Vote/index.jsx
@@ -1,11 +1,13 @@
+/* eslint-disable import/no-unresolved */
 import React from 'react';
+// import { TempReport } from 'components';
 import { StyledRoot, Button } from './style';
 import { Title, TitleSection, ContentSection } from '../style';
 
-function handleBtnClick(){
-  console.log("Vote handleBtnclick")
-}
 
+function handleBtnClick() {
+  console.log('Vote handleBtnclick');
+}
 
 function Vote() {
   return (
@@ -17,7 +19,7 @@ function Vote() {
         </div>
         <Button onClick={handleBtnClick}>+</Button>
       </TitleSection>
-      <ContentSection>콘텐츠</ContentSection>
+      <ContentSection> 콘텐츠 </ContentSection>
     </StyledRoot>
   );
 }

diff --git a/src/pages/Main/Weather/style.js b/src/pages/Main/Weather/style.js
@@ -12,11 +12,11 @@ const StyledRoot = styled.article`
   }
 `;
 const BearSection = styled.section`
-  img {
-    width: 31.9rem;
-    height: 31.9rem;
-  }
-  margin-right: 3rem;
+img{
+  width: 32rem;
+ height: 32rem;
+}
+  // margin-right: 3rem;
   ${applyMediaQuery('mobile')} {
     margin-right: 0;
     margin-bottom: 3rem;
@@ -28,7 +28,8 @@ const WeatherSection = styled.section`
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
-  width: 31.9rem;
+  width: 32rem;
+  height: 32rem;
 `;
 
 export { StyledRoot, BearSection, WeatherSection };
diff --git a/src/pages/Main/style.js b/src/pages/Main/style.js
@@ -51,9 +51,12 @@ const TitleSection = styled.section`
 const ContentSection = styled.section`
   display: flex;
   flex-direction: row;
+  justify-content: space-between;
   padding: 3rem 0;
+  width: 68rem;
   ${applyMediaQuery('mobile')} {
     flex-direction: column;
+    width: fit-content;
   }
 `;