Thiago.bronisio/challenge-landing-page-thiago-bronisio
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adicionei as imagens mobile #11

Merged
Thiago.bronisio merged 1 commits from feature/main-sections into main 2022-10-11 02:48:29 +00:00
Conversation 0 Commits 1 Files Changed 5 +54 -8
5 changed files with 54 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/img-mobile/3monitores-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
assets/img/img-mobile/banner-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 333 KiB

BIN
assets/img/img-mobile/img-oculos-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 KiB

10
index.html
View File

@ -164,13 +164,9 @@
<div class="information">
<h1>Lorem ipsum dolor sit amet</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero
faucibus
interdum.
In eget tincidunt ipsum. Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget
hendrerit.
Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis vitae lectus interdum
rutrum vitae sed augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. Quisque a
tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis
vitae lectus interdum rutrum vitae sed augue.
</p>
</div>

52
style.css
View File

@ -229,6 +229,43 @@
width: 100%;
}
/* Footer */
.container-footer{
background-color: #000000;
margin-top: 116px;
}.container-footer p {
text-align: center;
color: #BDBDBD;
line-height: 12px;
font-size: 10px;
text-transform: uppercase;
}
.info-footer{
padding: 38px 0px;
}
.img-footer {
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
margin-bottom: 17px;
}
.info-footer a {
text-decoration: none;
color: #FFFFFF;
}.info-footer p {
text-align: center;
color: #BDBDBD;
}
.img-facebook {
margin: 0px 21.51px;
}
}
@ -241,7 +278,7 @@
.logo-m3 {
display: flex;
padding: 29px 0px;
padding: 29px 94px;
justify-content: center;
}
@ -262,6 +299,19 @@
width: 100%;
}
.info-monitor {
width: 100%;
}
.info-card {
display: block;
width: 100%;
}
.card-information{
max-width: 100%;
display: block;
}
}
@media screen and (min-width: 2501px) {