diff --git a/client/components/Footer/Footer.scss b/client/components/Footer/Footer.scss index 17e34b76..bca0d18c 100644 --- a/client/components/Footer/Footer.scss +++ b/client/components/Footer/Footer.scss @@ -23,6 +23,7 @@ } } .footerMask{ + @include wrap-width-limit; position: absolute; top: 0px; height: 100%; diff --git a/client/components/Header/Header.scss b/client/components/Header/Header.scss index b05bb82f..9430d062 100644 --- a/client/components/Header/Header.scss +++ b/client/components/Header/Header.scss @@ -8,10 +8,10 @@ $color-grey-deep : #929aac; $color-black-light : #404040; /* .header-box.css */ .header-box { + @include wrap-width-limit; display: block; font-size: 0.14rem; z-index: 99; - @include wrap-width-limit; .content { @include row-width-limit; margin: 0 auto; diff --git a/client/containers/Home/Home.scss b/client/containers/Home/Home.scss index 5ad5c9d9..064eff06 100644 --- a/client/containers/Home/Home.scss +++ b/client/containers/Home/Home.scss @@ -52,7 +52,6 @@ $color-black-lighter: #404040; @include row-width-limit; margin: 1rem auto 0; .user-des{ - @include row-width-limit; margin: 0 auto .5rem; text-align: center; .title{ @@ -74,9 +73,9 @@ $color-black-lighter: #404040; } } .main-part{ - padding: .9rem .5rem; - height: 5.8rem; @include wrap-width-limit; + padding: .9rem 0; + height: 5.8rem; &:nth-child(odd){ background-color: $color-blue-lighter; } @@ -86,7 +85,7 @@ $color-black-lighter: #404040; } .feat-part{ @include wrap-width-limit; - padding: .9rem .5rem; + padding: .9rem 0; background-color: $color-white; p{ display: flex; diff --git a/client/styles/mixin.scss b/client/styles/mixin.scss index c94c2eb9..f5febd88 100644 --- a/client/styles/mixin.scss +++ b/client/styles/mixin.scss @@ -4,5 +4,5 @@ } @mixin wrap-width-limit { - min-width: 10.7rem; + min-width: 9.7rem; }