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(footer-top): Torna o footer top responsivo para telas maiores que 2500px #21

Merged
ManuelaLuanaSchumackerTavares merged 1 commits from feature/footer-top-responsive-big-screen into develop 2023-01-19 22:14:07 +00:00
Conversation 0 Commits 1 Files Changed 1 +34
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/footer-top.module.scss
View File

@ -9,6 +9,10 @@
display: flex;
position: relative;
@media screen and (min-width: 2500px) {
height: 297px;
}
.footer-wrapper {
display: flex;
justify-content: space-between;
@ -90,6 +94,10 @@
display: flex;
gap: 121px;
@media screen and (min-width: 2500px) {
gap: 293px;
}
@media screen and (max-width: 1024px) {
display: none;
}
@ -105,6 +113,11 @@
line-height: 16px;
text-transform: uppercase;
color: variables.$color-black3;
@media screen and (min-width: 2500px) {
font-size: 28px;
line-height: 33px;
}
}
h4 {
@ -113,6 +126,11 @@
line-height: 14px;
text-transform: capitalize;
color: variables.$color-black3;
@media screen and (min-width: 2500px) {
font-size: 24px;
line-height: 28px;
}
}
a {
@ -122,6 +140,11 @@
text-transform: capitalize;
text-decoration: none;
color: variables.$color-black3;
@media screen and (min-width: 2500px) {
font-size: 24px;
line-height: 28px;
}
}
}
}
@ -141,6 +164,12 @@
.footer-social-media-wrapper {
display: flex;
gap: 10px;
img {
@media screen and (min-width: 2500px) {
height: 70px;
}
}
}
a {
@ -149,6 +178,11 @@
line-height: 16px;
text-decoration: none;
color: variables.$color-black3;
@media screen and (min-width: 2500px) {
font-size: 28px;
line-height: 33px;
}
}
}
}