diff --git a/src/components/TempReport/style.js b/src/components/TempReport/style.js index 07c142a..e8a7644 100644 --- 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 index 3ddea30..74efbe9 100644 --- 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() { - 콘텐츠 + 콘텐츠 ); } diff --git a/src/pages/Main/Weather/style.js b/src/pages/Main/Weather/style.js index ca55c9d..2d6467b 100644 --- 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 index 6d88a3a..2aabdef 100644 --- 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; } `;