anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(Footer.module.scss): corrigindo altura das imagens do Footer Bottom

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-10 19:11:47 -03:00
parent 9d3d8cbd0c
commit 6b6488a911
1 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/Footer/Footer.module.scss
View File

@ -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;