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

<fet>(top-infocard): ajustes do infocard na versão mobile

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-10-10 14:52:06 -03:00
parent d7cb0b20f9
commit fcdc6dd3d0
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/styles/main.css
View File

@ -15,6 +15,7 @@ body{
} }
.header-logo{ .header-logo{
width: 12vw; width: 12vw;
min-width: 226px;
} }
.main-banner-desktop{ .main-banner-desktop{
width: 100%; width: 100%;
@ -53,6 +54,7 @@ body{
} }
.top-infocard-image{ .top-infocard-image{
width: 16%; width: 16%;
min-width: 239px;
} }
@media screen and (min-width: 2500px) { @media screen and (min-width: 2500px) {
@ -60,7 +62,7 @@ body{
padding: 58px padding: 58px
} }
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.main-banner-desktop{ .main-banner-desktop{
@ -70,4 +72,22 @@ body{
width: 100%; width: 100%;
display: block; display: block;
} }
/* top infocard */
.top-inforcard-subtitle{
font-size: 20px;
}
.top-infocard-title{
font-size: 28px;
}
.top-infocard-text{
text-align: center;
max-width: 86%;
padding: 0 0 73px;
}
} }
@media screen and (max-width: 992px){
.top-infocard-image{
width: 34%;
}
}