diff --git a/src/components/Header/Nav.module.scss b/src/components/Header/Nav.module.scss index 31726b8..1be323f 100644 --- a/src/components/Header/Nav.module.scss +++ b/src/components/Header/Nav.module.scss @@ -2,7 +2,7 @@ .nav { padding: 14px 100px; - background-color: $black; + background-color: $black-100; text-decoration: none; @media (max-width: 1024px) { diff --git a/src/components/footer/FooterBottom.module.scss b/src/components/footer/FooterBottom.module.scss index 5f3ae93..0e9a442 100644 --- a/src/components/footer/FooterBottom.module.scss +++ b/src/components/footer/FooterBottom.module.scss @@ -2,7 +2,7 @@ .footerBottom { padding: 15px 100px; - background-color: $black; + background-color: $black-100; color: $white; display: flex; align-items: center; diff --git a/src/components/footer/FooterTop.module.scss b/src/components/footer/FooterTop.module.scss index 045cf72..276373a 100644 --- a/src/components/footer/FooterTop.module.scss +++ b/src/components/footer/FooterTop.module.scss @@ -24,28 +24,40 @@ @media (max-width: 1024px) { text-transform: capitalize; + position: relative; + &::after { + content: "+"; + position: absolute; + right: 0; + } } } - li { - list-style: none; - margin-bottom: 12px; - - a { - font-size: 12px; - font-weight: 400; - line-height: 14px; - text-decoration: none; - color: $primary-100; - - @media (min-width: 2500px) { - font-size: 24px; - line-height: 28px; - } + ul { + @media (max-width: 1024px) { + display: none; } - &:last-child { - text-decoration: underline; + li { + list-style: none; + margin-bottom: 12px; + + a { + font-size: 12px; + font-weight: 400; + line-height: 14px; + text-decoration: none; + color: $primary-100; + + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + + &:last-child { + text-decoration: underline; + } } } @@ -59,6 +71,10 @@ line-height: 28px; } + @media (max-width: 1024px) { + display: none; + } + &:nth-child(2), &:nth-child(4) { font-weight: 500; @@ -92,7 +108,7 @@ } } } - + img { @media (min-width: 2500px) { width: 70px; diff --git a/src/components/footer/Newsletter.module.scss b/src/components/footer/Newsletter.module.scss index e7621e1..1ba5d70 100644 --- a/src/components/footer/Newsletter.module.scss +++ b/src/components/footer/Newsletter.module.scss @@ -2,7 +2,7 @@ .newsletter { margin-top: 70px; - border: 1px solid $black; + border: 1px solid $black-100; border-left: none; border-right: none; display: flex; @@ -72,7 +72,7 @@ height: 42px; width: 126px; border-radius: 4px; - background: $black; + background: $black-100; color: $white; font-size: 12px; font-weight: 700; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index fbe8ae0..3a30eac 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -7,12 +7,12 @@ import { Footer } from "./Footer"; function Home() { return ( - +