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

Merge pull request 'feat(main-content): Adapta o conteúdo principal para telas maiores de 2500px' (#18) from feature/main-content-responsive-big-screen into develop

Browse Source 
Reviewed-on: #18
This commit is contained in:
Manuela Luana Schumacker Tavares 2023-01-19 21:30:12 +00:00
commit b1098e2434
1 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/main-content.module.scss
View File

@ -21,13 +21,23 @@
a {
img {
width: auto;
width: 100%;
height: 16px;
@media screen and (min-width: 2500px) {
height: 31.25px;
}
}
}
figure {
img {
width: auto;
width: 100%;
height: 8px;
@media screen and (min-width: 2500px) {
height: 15.62px;
}
}
}
@ -36,6 +46,13 @@
font-size: 12px;
line-height: 14px;
color: variables.$color-grey;
text-transform: uppercase;
@media screen and (min-width: 2500px) {
font-weight: 400;
font-size: 24px;
line-height: 28px;
}
}
}
@ -50,6 +67,11 @@
letter-spacing: 0.1em;
text-transform: uppercase;
color: variables.$color-black2;
@media screen and (min-width: 2500px) {
font-size: 48px;
line-height: 56px;
}
}
@media screen and (max-width: 1024px) {
@ -91,6 +113,11 @@
line-height: 19px;
color: variables.$color-grey3;
text-decoration: none;
@media screen and (min-width: 2500px) {
font-size: 32px;
line-height: 38px;
}
}
.selected {
@ -126,6 +153,11 @@
color: variables.$color-black2;
margin-bottom: 12px;
@media screen and (min-width: 2500px) {
font-size: 48px;
line-height: 56px;
}
@media screen and (max-width: 1024px) {
text-align: center;
}
@ -137,6 +169,13 @@
line-height: 15px;
color: variables.$color-grey3;
margin-bottom: 12px;
@media screen and (min-width: 2500px) {
font-size: 26px;
line-height: 30px;
margin-bottom: 24px;
}
}
}
}