forked from M3-Academy/desafio-react-e-typescript
fix: Correção tamanho input newsletter, e outros erros de espaçamento #3
@ -150,7 +150,7 @@
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.containerFooterBottom {
|
||||
padding: 19px 16px 15px 16px;
|
||||
padding: 15px 16px;
|
||||
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
@ -163,6 +163,8 @@
|
||||
grid-area: address;
|
||||
width: 100%;
|
||||
max-width: 258px;
|
||||
max-height: 12px;
|
||||
line-height: 12px;
|
||||
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
@ -189,6 +189,7 @@
|
||||
.entrarContainer {
|
||||
grid-area: cart;
|
||||
width: 100%;
|
||||
max-height: 28px;
|
||||
|
||||
a {
|
||||
display: none;
|
||||
|
@ -5,6 +5,7 @@
|
||||
background: var(--black);
|
||||
gap: 55px;
|
||||
padding: 0 100px;
|
||||
max-height: 44px;
|
||||
|
||||
li {
|
||||
color: var(--white);
|
||||
@ -21,6 +22,7 @@
|
||||
|
||||
@media screen and (min-width: 2500px) {
|
||||
.menuNav {
|
||||
max-height: 61px;
|
||||
li {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
|
@ -23,6 +23,7 @@
|
||||
|
||||
.containerInputNewsletter {
|
||||
display: flex;
|
||||
height: 42px;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
@ -74,6 +75,7 @@
|
||||
}
|
||||
|
||||
.containerInputNewsletter {
|
||||
height: 59px;
|
||||
input {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
@ -108,6 +110,12 @@
|
||||
|
||||
.containerInputNewsletter {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
|
||||
input {
|
||||
padding: 17px 16px;
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
|
Loading…
Reference in New Issue
Block a user