matheusbrollodauter/challenge-landing-page-matheus-brollo-dauter
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(style): font-size

Browse Source
This commit is contained in:
Matheus Brollo Dauter 2022-10-13 12:53:22 -03:00
parent bf53f6707f
commit 2979b9bdf6
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/style.css
View File

@ -49,14 +49,14 @@ article {
} }
.cicle-text h1 { .cicle-text h1 {
font-size: 48px; font-size: 3em;
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
padding-bottom: 28px; padding-bottom: 28px;
} }
.cicle-text h2 { .cicle-text h2 {
font-size: 32px; font-size: 2em;
text-transform: uppercase; text-transform: uppercase;
padding-top: 73px; padding-top: 73px;
font-weight: 400; font-weight: 400;
@ -100,7 +100,7 @@ article {
.block-text { .block-text {
max-width: 300px; max-width: 300px;
font-size: 16px; font-size: 1em;
line-height: 24px; line-height: 24px;
} }
@ -134,7 +134,7 @@ article {
.block-text2 { .block-text2 {
max-width: 370px; max-width: 370px;
font-size: 16px; font-size: 1em;
line-height: 24px; line-height: 24px;
} }
@ -144,7 +144,7 @@ article {
} }
.bottom-text h1 { .bottom-text h1 {
font-size: 32px; font-size: 2em;
line-height: 38px; line-height: 38px;
font-weight: 600; font-weight: 600;
} }
@ -166,17 +166,17 @@ footer {
footer p { footer p {
color: #BDBDBD; color: #BDBDBD;
font-size: 10px; font-size: 0.625em;
} }
picture img { picture img {
padding: 40px 10px 20px 10px; padding: 40px 10px 20px 10px;
} }
@media screen and (max-width: 345px) { @media screen and (min-width: 340) and(max-width: 397px) {
.bottom-text p { .bottom-text p {
padding: 9px 32px 0px 32px; padding: 9px 32px 0px 32px;
font-size: 12px; font-size: 1em;
line-height: 20px; line-height: 20px;
padding: 0 0 0 0; padding: 0 0 0 0;
height: 192px; height: 192px;
@ -197,11 +197,11 @@ picture img {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.cicle-text h2 { .cicle-text h2 {
font-size: 20px; font-size: 1.25em;
} }
.cicle-text h1 { .cicle-text h1 {
font-size: 28px; font-size: 1.75em;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -265,7 +265,7 @@ picture img {
} }
.bottom-text h2 { .bottom-text h2 {
font-size: 24px; font-size: 1.5em;
font-weight: 600; font-weight: 600;
line-height: 30px; line-height: 30px;
} }
@ -281,7 +281,7 @@ picture img {
} }
.bottom-text h2 { .bottom-text h2 {
font-size: 24px; font-size: 1.5em;
font-weight: 600; font-weight: 600;
} }
} }