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

feat: Adiciona main mobile

Browse Source
This commit is contained in:
Cainã Milech 2023-01-08 23:17:40 -03:00
parent 56be670c8c
commit a77f0872d3
3 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss
View File

@ -13,6 +13,10 @@
font-size: 48px;
line-height: 56px;
}
@media screen and (max-width: 1024px) {
text-align: center;
}
}
&__form-col {

20
react-project/src/components/MainInstitucional/assets/modules/Main.module.scss
View File

@ -4,6 +4,11 @@
margin-right: 100px;
margin-top: 29px;
@media screen and (max-width: 1024px) {
margin-left: 16px;
margin-right: 16px;
}
&__title {
color: var(--black-100);
font-style: normal;
@ -18,11 +23,19 @@
font-size: 48px;
line-height: 56px;
}
@media screen and (max-width: 1024px) {
margin-bottom: 40px;
}
}
&__wrapperNav {
display: flex;
@media screen and (max-width: 1024px) {
display: inherit;
}
.content {
align-self: center;
@ -31,12 +44,15 @@
font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
@media screen and (min-width: 2500px) {
font-size: 48px;
line-height: 56px;
}
@media screen and (max-width: 1024px) {
text-align: center;
}
}
p {
@ -44,7 +60,7 @@
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-bottom: 13px;
margin-top: 12px;
@media screen and (min-width: 2500px) {
font-size: 26px;

8
react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss
View File

@ -10,6 +10,14 @@
height: 465px;
}
@media screen and (max-width: 1024px) {
width: 100%;
height: unset;
margin-right: 0;
border: none;
margin-bottom: 30px;
}
li {
width: inherit;