Rafael_Sampaio_de_Oliveira/desafio-react-e-typescript-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat: adiciona footer bottom 1024px e 375px' (#9) from feature/adiciona-footer-bottom-1024px-375px into development

Browse Source 
Reviewed-on: #9
This commit is contained in:
Rafael Sampaio de Oliveira 2023-01-02 11:16:59 +00:00
commit 46b01fb16f
3 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/FooterBottom/styles.module.scss
View File

@ -124,4 +124,54 @@
font-size: 8px;
}
}
@media (max-width: 1024px) {
height: 116px;
padding: 0 16px;
&__content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
}
&__corporateName {
width: 100%;
max-width: 100%;
height: auto;
order: 2;
margin-bottom: 15px;
}
&__paymentMethods {
width: 100%;
height: 28px;
order: 1;
margin-bottom: 15px;
}
&__paymentIcons {
width: 82.762%;
img {
height: 17px !important;
}
}
&__vtexPci {
padding-right: 9.6px;
@media (min-width: 280px) and (max-width: 360px) {
padding: 0;
}
}
&__authors {
width: 25.811%;
min-width: 226.58px;
order: 3;
}
}
}

2
src/components/Header/styles.module.scss
View File

@ -93,6 +93,7 @@
justify-content: space-between;
align-items: center;
width: 13%;
max-width: 136.23px;
&__logIn {
width: 53px;
@ -295,6 +296,7 @@
.buttons {
width: 10.334%;
max-width: 237.64px;
&__logIn {
width: 105px;

6
src/components/NewsLetter/styles.module.scss
View File

@ -10,6 +10,7 @@
&__title {
width: 37.09%;
max-width: 474.75px;
margin-bottom: 8px;
h1 {
@ -29,6 +30,7 @@
justify-content: space-between;
height: 42px;
width: 37.09%;
max-width: 474.75px;
}
&__input {
@ -74,6 +76,7 @@
&__title {
width: 100%;
max-width: 100%;
h1 {
font-size: 14px;
@ -84,6 +87,7 @@
&__container {
height: 116px;
width: 100%;
max-width: 100%;
flex-direction: column;
}
@ -103,6 +107,7 @@
@media (min-width: 2500px) {
&__title {
max-width: 922px;
h1 {
font-size: 36px;
line-height: 42px;
@ -111,6 +116,7 @@
&__container {
width: 36.88%;
max-width: 922px;
height: 59px;
}