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

Merge pull request 'feat: alterações 4k e 680a 1025px' (#2) from Yan_Garriga into main

Browse Source 
Reviewed-on: #2
This commit is contained in:
Yan Pecanha Garriga 2022-10-13 21:43:55 +00:00
commit 548a784db9
1 changed files with 92 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -130,7 +130,6 @@ body {
justify-content: center;
text-align: center;
margin: 0 4%;
width: 92.5vw;
padding-top: 7%;
max-width: 100%;
gap: 16px;
@ -341,10 +340,10 @@ body {
.page-footer {
padding: 20px 0;
font-size: 12px;
}
}
}
@media screen and (min-width: 1026px) {
@media screen and (min-width: 1025px) {
.main-banner-mobile {
display: none;
}
@ -358,11 +357,100 @@ body {
}
}
@media screen and (min-width: 680px) and (max-width: 1025px) {
.main-banner-mobile {
display: none;
}
.main-banner-desktop {
display: block;
}
.bottom-infocard-desktop {
display: block;
margin: 0 250px;
padding-bottom: 50px;
}
.bottom-infocard-mobile {
display: none;
}
.bottom-banner-image-mobile {
display: none;
}
.bottom-banner-image-desktop {
display: block;
}
.bottom-infocard-group {
margin: 0;
}
.bottom-infocard-group {
padding: 0;
margin: 0;
}
.bottom-infocard-tittle {
font-size: 24px;
}
.bottom-infocard-paragraph {
font-size: 14px;
}
.bottom-card {
padding-bottom: 90px;
}
.top-infocard-subtitle {
margin-top: 0;
}
.top-infocard-image {
width: 30%;
}
}
@media screen and (min-width: 2000px) {
.middle-banner-desktop {
width: 0%;
}
.top-infocard-title {
font-size: 70px;
}
.top-infocard-subtitle {
font-size: 50px;
margin-bottom: 35px;
}
.top-infocard-description {
font-size: 22px;
padding-top: 20px;
}
.top-card-description {
font-size: 22px;
}
.bottom-card-text {
font-size: 22px;
margin: 0 5px 10px;
}
.bottom-infocard-tittle {
font-size: 50px;
}
.bottom-infocard-paragraph {
font-size: 26px;
line-height: 40px;
}
.middle-banner-group {
padding: 0 15%;
top: 35%;