forked from M3-Academy/desafio-react-e-typescript
feat: adiciona footer bottom 2500px #10
@ -174,4 +174,79 @@
|
||||
order: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2500px) {
|
||||
height: 96px;
|
||||
|
||||
&__content {
|
||||
width: 92%;
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
&__corporateName {
|
||||
width: 20.305%;
|
||||
max-width: 467px;
|
||||
height: 47px;
|
||||
|
||||
p {
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
&__paymentMethods {
|
||||
width: 30.087%;
|
||||
max-width: 692px;
|
||||
}
|
||||
|
||||
&__paymentIcons {
|
||||
width: 82.95%;
|
||||
height: 40px;
|
||||
|
||||
img {
|
||||
min-width: 70px;
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
&__vtexPci {
|
||||
width: 15.32%;
|
||||
}
|
||||
|
||||
&__authors {
|
||||
width: 17.5653%;
|
||||
max-width: 404px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
&__vtex {
|
||||
width: 51.041%;
|
||||
height: 100%;
|
||||
|
||||
.poweredBy {
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 92.55%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__m3 {
|
||||
width: 46.03%;
|
||||
height: 100%;
|
||||
|
||||
.developedBy {
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 94.75%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user