From eef67d723f97b8f330bd363705bcf6e7393bf92a Mon Sep 17 00:00:00 2001 From: WellingtonWDS Date: Sat, 21 Jan 2023 00:11:34 -0300 Subject: [PATCH] feat(footer): Ajustes de Css --- src/components/Footer/Footer.scss | 84 +++++++++++++++---------------- 1 file changed, 42 insertions(+), 42 deletions(-) diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss index 30e07ef..102bad7 100644 --- a/src/components/Footer/Footer.scss +++ b/src/components/Footer/Footer.scss @@ -219,7 +219,7 @@ footer { @media screen and (max-width: 1024px) { footer { - padding: 24px 16px; + padding: 0; .active { display: block; @@ -228,6 +228,7 @@ footer { .footer-top { flex-direction: column; justify-content: space-between; + padding: 16px 12px; .menu-list { display: none; @@ -290,48 +291,16 @@ footer { padding-top: 6px; } } - } - - .footer-bottom { - display: flex; - flex-direction: column; - background: black; - padding: 20px 16px; - align-items: baseline; - justify-content: space-between; - - .footer-text { - width: 30%; - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - font-size: 10px; - line-height: 12px; - text-transform: capitalize; - color: #ffffff; - } - - .credit-cards { + .footer-bottom { display: flex; - width: 30%; + flex-direction: column; + background: black; + padding: 20px 16px; + align-items: baseline; + justify-content: baseline; - .credit-card { - width: 35px; - height: 20px; - } - figure { - margin: 0; - } - } - - .credits { - display: flex; - align-items: center; - - figure { - margin: 0; - } - .credit-text { + .footer-text { + width: 30%; font-family: "Roboto"; font-style: normal; font-weight: 400; @@ -339,7 +308,38 @@ footer { line-height: 12px; text-transform: capitalize; color: #ffffff; - margin-right: 13px; + } + + .credit-cards { + display: flex; + width: 30%; + + .credit-card { + width: 35px; + height: 20px; + } + figure { + margin: 0; + } + } + + .credits { + display: flex; + align-items: center; + + figure { + margin: 0; + } + .credit-text { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: #ffffff; + margin-right: 13px; + } } } }