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

40
assets/Css/Styles.css
View File

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