forked from M3-Academy/desafio-react-e-typescript
feat: adiciona footer bottom 1024px e 375px #9
@ -124,4 +124,54 @@
|
||||
font-size: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
height: 116px;
|
||||
padding: 0 16px;
|
||||
|
||||
&__content {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&__corporateName {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
order: 2;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
&__paymentMethods {
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
order: 1;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
&__paymentIcons {
|
||||
width: 82.762%;
|
||||
|
||||
img {
|
||||
height: 17px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&__vtexPci {
|
||||
padding-right: 9.6px;
|
||||
|
||||
@media (min-width: 280px) and (max-width: 360px) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__authors {
|
||||
width: 25.811%;
|
||||
min-width: 226.58px;
|
||||
order: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -93,6 +93,7 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 13%;
|
||||
max-width: 136.23px;
|
||||
|
||||
&__logIn {
|
||||
width: 53px;
|
||||
@ -295,6 +296,7 @@
|
||||
|
||||
.buttons {
|
||||
width: 10.334%;
|
||||
max-width: 237.64px;
|
||||
|
||||
&__logIn {
|
||||
width: 105px;
|
||||
|
@ -10,6 +10,7 @@
|
||||
|
||||
&__title {
|
||||
width: 37.09%;
|
||||
max-width: 474.75px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
h1 {
|
||||
@ -29,6 +30,7 @@
|
||||
justify-content: space-between;
|
||||
height: 42px;
|
||||
width: 37.09%;
|
||||
max-width: 474.75px;
|
||||
}
|
||||
|
||||
&__input {
|
||||
@ -74,6 +76,7 @@
|
||||
|
||||
&__title {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
h1 {
|
||||
font-size: 14px;
|
||||
@ -84,6 +87,7 @@
|
||||
&__container {
|
||||
height: 116px;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@ -103,6 +107,7 @@
|
||||
|
||||
@media (min-width: 2500px) {
|
||||
&__title {
|
||||
max-width: 922px;
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
line-height: 42px;
|
||||
@ -111,6 +116,7 @@
|
||||
|
||||
&__container {
|
||||
width: 36.88%;
|
||||
max-width: 922px;
|
||||
height: 59px;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user