ManuelaLuanaSchumackerTavares/desafio-react-e-typescript-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(newsletter-responsive): Torna a newsletter responsiva para telas maiores de 2500px

Browse Source
This commit is contained in:
Manuela Luana Schumacker Tavares 2023-01-19 18:42:58 -03:00
parent b1098e2434
commit 6700d94f3b
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/newsletter.module.scss
View File

@ -6,6 +6,10 @@
border-top: 1px solid variables.$color-black;
background: variables.$color-white;
@media screen and (min-width: 2500px) {
height: 141.24px;
}
@media screen and (max-width: 1024px) {
height: auto;
}
@ -38,6 +42,11 @@
margin-bottom: 8px;
@media screen and (min-width: 2500px) {
font-size: 36px;
line-height: 42px;
}
@media screen and (max-width: 1024px) {
font-size: 14px;
line-height: 16px;
@ -68,6 +77,10 @@
border: 1px solid variables.$color-grey2;
border-radius: 4px;
@media screen and (min-width: 2500px) {
min-width: 668px;
}
@media screen and (max-width: 1024px) {
min-width: 100%;
}
@ -78,6 +91,11 @@
font-size: 14px;
line-height: 16px;
color: variables.$color-grey;
@media screen and (min-width: 2500px) {
font-size: 28px;
line-height: 33px;
}
}
.form-feedback {
@ -108,6 +126,12 @@
letter-spacing: 0.05em;
color: variables.$color-white;
@media screen and (min-width: 2500px) {
width: 246px;
font-size: 24px;
}
@media screen and (max-width: 1024px) {
width: 100%;
}