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

feat/challenge-landing-page #1

Merged
PatrickSouzaSilva merged 12 commits from feat/challenge-landing-page into main 2022-10-14 00:44:10 +00:00
Conversation 1 Commits 12 Files Changed 19 +15 -14
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b7df16f9c8 - Show all commits

6
html/index.html
View File

@ -182,7 +182,7 @@
<figure class="bottom-infocard-img-mobile"> <figure class="bottom-infocard-img-mobile">
<img src="" alt=""> <img src="/assents/assents-img/bottom-mobile-01.png" alt="">
</figure> </figure>
@ -202,8 +202,8 @@
</div> </div>
<figure> <figure class="bottom-infocard-image" >
<img class="bottom-infocard-image" src="/assents/assents-img/bottom-inforcard-99.png" <img src="/assents/assents-img/bottom-inforcard-99.png"
alt="imagem de oculos sobre o computador"> alt="imagem de oculos sobre o computador">
</figure> </figure>

23
html/main.styles/style.css
View File

@ -169,13 +169,6 @@
font-size: 16px; font-size: 16px;
} }
/*///////////////// BOTTOM AREA COM IMAGEM + TEXTO /////////////////*/
.bottom-infocard {
display: flex;
align-items: center;
}
/*////////////////section bottom 03///////////////////*/ /*////////////////section bottom 03///////////////////*/
.bottom-infocard { .bottom-infocard {
padding: 108px 0px 116px 0px; padding: 108px 0px 116px 0px;
@ -183,13 +176,11 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #ffffff; background: #ffffff;
} }
.bottom-infocard-image { .bottom-infocard-image {
display: block; display: block;
width: 100%; width: 100%;
} }
@ -270,7 +261,8 @@
} }
.main-banner, .main-banner,
.bottom-infocard-img { .bottom-infocard-img,
.bottom-infocard-image {
display: none; display: none;
} }
@ -293,6 +285,7 @@
.infocard-center { .infocard-center {
flex-direction: column; flex-direction: column;
gap: 23px;
} }
.bottom-cards { .bottom-cards {
@ -309,7 +302,7 @@
.bottom-infocard { .bottom-infocard {
flex-direction: column; flex-direction: column;
padding: 80px 0 135px 0; padding: 0 0 87px;
} }
.bottom-infocard-title { .bottom-infocard-title {
@ -321,6 +314,14 @@
gap: 0; gap: 0;
} }
.bottom-infocard-img-mobile img {
width: 100%;
}
.bottom-inforcard-text {
margin-top: 50px;
}
.footer-description { .footer-description {
max-width: 261px; max-width: 261px;
} }