From 6b6488a911e2528cc3bc6689a74459bcdde0fc79 Mon Sep 17 00:00:00 2001 From: devartes Date: Tue, 10 Jan 2023 19:11:47 -0300 Subject: [PATCH] style(Footer.module.scss): corrigindo altura das imagens do Footer Bottom --- src/components/Footer/Footer.module.scss | 32 ++++++++++++++++++------ 1 file changed, 25 insertions(+), 7 deletions(-) diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss index 0f5adf6..fb16cba 100644 --- a/src/components/Footer/Footer.module.scss +++ b/src/components/Footer/Footer.module.scss @@ -9,7 +9,7 @@ footer { background: $black; height: auto; position: sticky; - top: 100% + top: 100%; } //Footer Bottom @@ -39,7 +39,6 @@ footer { width: 91.484%; height: 98px; row-gap: 0; - } & ul { margin-top: 0; @@ -88,7 +87,7 @@ footer { transform: unset; } @media (max-width: 1025px) { - grid-template-columns: 9.033% 8.782% 8.782% 9.286% 8.782% 8.53% 9.033% 0px 13.70%; + grid-template-columns: 9.033% 8.782% 8.782% 9.286% 8.782% 8.53% 9.033% 0px 13.7%; width: 40.173%; order: 1; } @@ -102,7 +101,7 @@ footer { column-gap: 11px; grid-template-columns: 8.745% 8.745% 8.745% 8.745% 8.745% 8.745% 8.745% 0px 13.121%; } - @media (max-width: 373px){ + @media (max-width: 373px) { grid-template-columns: auto; } @@ -115,7 +114,7 @@ footer { } & .MasterCard { width: 100%; - grid-area: A ; + grid-area: A; @media (min-width: 2500px) { width: 100%; } @@ -134,7 +133,6 @@ footer { @media (max-width: 376px) { transform: unset; width: 100%; - } & img { height: 20.2px; @@ -162,6 +160,9 @@ footer { min-width: 70px; height: 39.27px; } + @media (max-width: 376px) { + height: 17px; + } } } & .Diners { @@ -179,6 +180,9 @@ footer { min-width: 70px; height: 39.27px; } + @media (max-width: 376px) { + height: 17px; + } } } & .Elo { @@ -196,6 +200,9 @@ footer { min-width: 70px; height: 38.33px; } + @media (max-width: 376px) { + height: 17px; + } } } & .HiperCard { @@ -213,6 +220,9 @@ footer { min-width: 70px; height: 39.27px; } + @media (max-width: 376px) { + height: 17px; + } } } @@ -231,6 +241,9 @@ footer { min-width: 70px; height: 39.27px; } + @media (max-width: 376px) { + height: 17px; + } } } @@ -249,6 +262,9 @@ footer { min-width: 70px; height: 39.27px; } + @media (max-width: 376px) { + height: 17px; + } } } @@ -283,6 +299,9 @@ footer { min-width: 106px; height: 66px; } + @media (max-width: 376px) { + height: 28px; + } } } } @@ -515,7 +534,6 @@ footer { flex-direction: column; @media (max-width: 1025px) { margin-top: 0; - } @media (min-width: 2500px) { margin-top: 23.24px;