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 #19

Merged
ManuelaLuanaSchumackerTavares merged 1 commits from feature/newsletter-responsive-big-screen into develop 2023-01-19 21:44:28 +00:00
Conversation 0 Commits 1 Files Changed 1 +24
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6700d94f3b - Show all commits

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%;
}