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

fix(home): ajustando font-size em telas superiores a 1920px #2

Merged
BernardoWaldhelm merged 1 commits from hotfix/challenge into main 2022-10-13 12:40:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +27
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/styles/css/main.css
View File

@ -94,6 +94,10 @@
padding: 0 25px 27px; padding: 0 25px 27px;
text-align: center; text-align: center;
max-width: 300px; max-width: 300px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
} }
.carousel{ .carousel{
@ -142,9 +146,14 @@
} }
.bottom-card__description { .bottom-card__description {
font-weight: 400;
font-size: 16px;
line-height: 24px;
padding: 0 25px 27px; padding: 0 25px 27px;
text-align: center; text-align: center;
max-width: 300px; max-width: 300px;
} }
.home-description { .home-description {
@ -214,6 +223,24 @@
color: #BDBDBD; color: #BDBDBD;
} }
@media screen and (min-width: 1921px) {
.home-destaque__text__subtitle, .home-description__text__subtitle {
font-size: 40px;
}
.home-destaque__text__title{
font-size: 60px;
}
.home-destaque__text__description, .card__description, .bottom-card__description, .home-description__text__description{
font-size: 20px;
}
.footer__text {
font-size: 14px;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) { @media screen and (min-width: 769px) and (max-width: 1200px) {
.home-destaque__img { .home-destaque__img {
width: 58%; width: 58%;