forked from M3-Academy/challenge-landing-page
Merge pull request 'feat(header): finalizei a responsividade d o footer versão mobile' (#9) from feature/style-header-mobile into main
Reviewed-on: #9
This commit is contained in:
commit
d4feb2b383
BIN
assets/img/img-mobile/banner.png
Normal file
BIN
assets/img/img-mobile/banner.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 333 KiB |
@ -40,8 +40,8 @@
|
||||
Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
|
||||
</p>
|
||||
|
||||
<figure class="info-monitor">
|
||||
<img src="./assets/img/img-3monitores.png" alt="" />
|
||||
<figure>
|
||||
<img class="info-monitor" src="./assets/img/img-3monitores.png" alt="Imagem de monitor" />
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
|
15
style.css
15
style.css
@ -277,7 +277,7 @@
|
||||
|
||||
.logo-m3 {
|
||||
display: flex;
|
||||
padding: 29px 0px;
|
||||
padding: 29px 94px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@ -298,6 +298,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) {
|
||||
|
Loading…
Reference in New Issue
Block a user