diff --git a/src/components/footer/Footer.module.scss b/src/components/footer/Footer.module.scss index 956ff79..0ff46fc 100644 --- a/src/components/footer/Footer.module.scss +++ b/src/components/footer/Footer.module.scss @@ -9,6 +9,9 @@ footer { align-items: center; justify-content: center; padding: 16px; + + border-top: 1px solid black; + border-bottom: 1px solid black; // height: 104px; .newsletter__container__span { @@ -17,7 +20,7 @@ footer { font-size: 18px; line-height: 21px; letter-spacing: 0.05em; - font-variant: small-caps; + text-transform: uppercase; @media screen and (min-width: 2500px) { font-weight: 500; @@ -282,16 +285,29 @@ ul { display: flex; list-style: none; + li { + margin: 0 6px; + + @media screen and (max-width: 1024px) { + margin: 0 4px; + } + } + & span { background-color: $color-white; display: inline-block; height: 24px; - margin: -5px 6px 0 0; + margin: -5px 6px 0; width: 1px; } & img { height: 30px; + + @media screen and (max-width: 1024px) { + height: 17px; + } + @media screen and (min-width: 2500px) { height: 40px; } @@ -300,6 +316,10 @@ ul { .stamps__vtexPci { height: 46px; + @media screen and (max-width: 1024px) { + height: 28px; + } + @media screen and (min-width: 2500px) { height: 66px; } @@ -323,6 +343,10 @@ ul { list-style-type: none; margin: 0; + .developedBy__link { + display: flex; + } + & span { font-weight: 400; font-size: 10px; diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index dcca1e9..598c5df 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -7,9 +7,7 @@ import { FooterBottom } from "./FooterBottom"; const Footer = () => { return ( diff --git a/src/components/footer/FooterBottom.tsx b/src/components/footer/FooterBottom.tsx index 3a0592d..ad41e79 100644 --- a/src/components/footer/FooterBottom.tsx +++ b/src/components/footer/FooterBottom.tsx @@ -47,13 +47,21 @@ const FooterBottom = () => {