SabrinaMiranda/desafio-react-e-typescript-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

revert 6b91a68566

Browse Source 
revert feat(header): Estiliza o footer bottom para mobile
Nome commit errado
This commit is contained in:
Sabrina Miranda 2023-01-10 17:07:04 +00:00
parent 6b91a68566
commit f834436314
1 changed files with 0 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/FooterBottom/FooterBottom.module.scss
View File

@ -8,26 +8,11 @@
height: 96px;
}
@media (max-width: 1024px) {
height: 134px;
}
@media (max-width: 375px) {
height: 128px;
}
&__wrapper {
display: flex;
padding: 15px 100px;
justify-content: space-between;
align-items: center;
@media (max-width: 1024px) {
display: grid;
grid-template-columns: 100%;
padding: 15px 16px;
gap: 15px;
}
}
&__address {
@ -40,10 +25,6 @@
font-size: 20px;
line-height: 23px;
}
@media (max-width: 1024px) {
grid-area: 2;
}
}
&__payments-icons {
@ -55,10 +36,6 @@
gap: 6px;
}
@media (max-width: 375px) {
gap: 11px;;
}
li {
display: flex;
}
@ -70,19 +47,11 @@
@media (min-width: 2500px) {
height: 39px;
}
@media (max-width: 375px) {
height: 17px;
}
}
.li-divider {
border: 1px solid variables.$gray-400;
height: 24px;
@media (max-width: 375px) {
height: 20px;
}
}
.li-vtexpci {
@ -92,10 +61,6 @@
@media (min-width: 2500px) {
height: 66px;
}
@media (max-width: 375px) {
height: 28px;
}
}
}