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{
width: 12vw;
min-width: 226px;
}
.main-banner-desktop{
width: 100%;
@ -53,6 +54,7 @@ body{
}
.top-infocard-image{
width: 16%;
min-width: 239px;
}
@media screen and (min-width: 2500px) {
@ -60,7 +62,7 @@ body{
padding: 58px
}
}
@media screen and (max-width: 1024px) {
.main-banner-desktop{
@ -70,4 +72,22 @@ body{
width: 100%;
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%;
}
}