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

fix:Espaçamentos entre Textos ajustados

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2022-11-01 19:20:37 -03:00
parent 7c335280cc
commit dff58dee28
1 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
assets/Css/Styles.css
View File

@ -73,7 +73,7 @@ background: #000000;
grid-template-columns: repeat(3,max-content);
gap: 20px;
justify-content: center;
padding: 180px 0 80px;
padding: 180px 0 0;
}
.CardBox{
display: flex;
@ -104,7 +104,7 @@ background: #000000;
gap: 40px;
grid-template-columns: 30% 30% 30%;
justify-content: center;
padding: 32px 30px 32px;
padding: 0 30px 0px;
position: relative;
top: 60px;
}
@ -171,7 +171,6 @@ background: #000000;
.Botdescription{
font-weight: 400;
text-align: center;
padding: 0 52px;
font-size: 16px;
line-height: 24px;
}
@ -236,25 +235,29 @@ background: #000000;
.Botdescription{
padding: 0 32px 0;
}
.BotdescriptionTitlte{
width: 90%;
font-size: 24px;
line-height: 30px;
text-align: center;
}
.Cards{
.Cards {
grid-template-columns: 1fr;
padding: 90px 32px ;
gap:24px;
padding: 80px 0px 0px;
gap: 24px;
justify-items: center;
}
.MidBanner {
margin: 112px 0 0;
}
.BottomCards {
grid-template-columns: 1fr;
padding: 80px 22px 100px;
}
.wrapper{
margin-bottom: 80px;
gap: 14px;
grid-template-columns: none;
grid-template-areas:
@ -272,6 +275,7 @@ background: #000000;
grid-area:img3;
}
.lastBanner{
margin-bottom: 50px;
width: 100%;
}
.BottomDescription{
@ -307,13 +311,20 @@ background: #000000;
height: 364px;
}
.TopInfocardSubtitle{
font-size: 36px;
font-size: 64px;
line-height: 80px;
max-width: 440px;
max-height: 80px;
}
.Cards{
gap: 40px;
padding: 360px 0 0;
}
.TopInfocardTitle{
font-size: 60px;
font-size: 80px;
}
.TopInfocardDescription{
line-height: 40px;
line-height: 48px;
font-size: 38px;
}
.ImageTop{
@ -333,8 +344,12 @@ background: #000000;
}
.CardDescription{
font-size: 38px;
line-height: 36px;
line-height: 48px;
}
.BottomCards {
padding: 252px 0 216px;
}
.BoxText{
display: flex;
justify-content: center;
@ -345,20 +360,17 @@ background: #000000;
}
.BotdescriptionTitlte{
width: 90%;
font-size: 50px;
line-height: 50px;
font-size: 64px;
line-height: 76px;
text-align: center;
}
.Botdescription{
font-size: 34px;
line-height: 50px;
padding: 0 28px;
max-width: 746px;
max-height: 242px;
}
.imgdescripton{
font-size: 32px;
line-height: 30px;
line-height: 48px;
}
.bottomcard{
max-width: 900px;