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;
}
`;