forked from M3-Academy/desafio-react-e-typescript
refactor: ajusta mensagem de validação do newsletter #21
@ -7,7 +7,6 @@
|
||||
border-color: var(--black-500);
|
||||
width: 100%;
|
||||
padding: 16px 0;
|
||||
position: relative;
|
||||
|
||||
&__title {
|
||||
width: 37.09%;
|
||||
@ -32,6 +31,7 @@
|
||||
height: 42px;
|
||||
width: 37.09%;
|
||||
max-width: 474.75px;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
font-style: normal;
|
||||
@ -40,8 +40,8 @@
|
||||
line-height: 14px;
|
||||
color: var(--red-500);
|
||||
position: absolute;
|
||||
top: 31%;
|
||||
right: 43%;
|
||||
top: -30%;
|
||||
left: 55%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -101,6 +101,11 @@
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
flex-direction: column;
|
||||
|
||||
span {
|
||||
top: 43%;
|
||||
left: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
&__input {
|
||||
@ -130,6 +135,13 @@
|
||||
width: 36.88%;
|
||||
max-width: 922px;
|
||||
height: 59px;
|
||||
|
||||
span {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
top: -42%;
|
||||
left: 56%;
|
||||
}
|
||||
}
|
||||
|
||||
&__input {
|
||||
|
Loading…
Reference in New Issue
Block a user