ViniciusGabrieldoAmaral/practice-time-landing-page
0
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(section) Alteração na section icons, resulvido problema na proporção mobile

Browse Source
This commit is contained in:
Vinicius Gabriel do Amaral Pereira 2022-10-10 18:21:16 -03:00
parent 1610ff5d9e
commit e09f4cccd7
2 changed files with 34 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/ResponsivelyApp-Setup-0.19.1.exe Normal file
View File

Binary file not shown.

36
assets/styles/style.css
View File

@ -92,6 +92,9 @@ html, body{
.section-icon{
background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);
padding-bottom: 68px;
padding: 36px 32px;
}
.section-wrapper{
display: grid;
@ -120,6 +123,7 @@ html, body{
line-height: 24px;
text-align: center;
}
/*----------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
.main-banner-desktop{
@ -163,9 +167,37 @@ html, body{
padding: 36px 32px;
align-items: center;
}
/*------------------------------------------------------------------*/
.img-pc{
margin-bottom: 135px;
}
.section-icon{
padding-bottom: 19px;
padding: 0 23px;
}
.section-icons-p{
max-width: 302px;
font-size: 14px;
line-height: 24px;
text-align: center;
}
.section-wrapper{
display: flex;
flex-direction: column;
align-items: center;
top: -80px;
}
.section-icons{
max-width: 302px;
font-size: 14px;
line-height: 24px;
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.main-banner-mobile{
display: none;
@ -205,4 +237,4 @@ html, body{
}
}
/**/
/*---------------------------------------------------------------*/