anacarolinaduartecavalcante/practice-time-landing-page-Ana_Carolina_Duarte_Cavalcante
1
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adicionando banner central desktop e mobile

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-10-07 16:38:50 -03:00
parent deb375eb87
commit fdda25d019
4 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/Rectangle 13 desktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 949 KiB

BIN
assets/img/Rectangle 13 mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 141 KiB

15
css/layout/main.css
View File

@ -60,6 +60,13 @@
margin: 27px 0; margin: 27px 0;
} }
.banner-desktop, .banner-mobile {
width: 100%;
height: auto;
position: relative;
}
@media screen and (max-width: 415px) { @media screen and (max-width: 415px) {
.main_banner_desktop { .main_banner_desktop {
display: none; display: none;
@ -101,10 +108,18 @@
justify-content: space-around; justify-content: space-around;
} }
.banner-desktop {
display: none;
}
} }
@media screen and (min-width: 415px) { @media screen and (min-width: 415px) {
.main_banner_mobile { .main_banner_mobile {
display: none; display: none;
} }
.banner-mobile {
display: none;
}
} }

4
index.html
View File

@ -56,5 +56,9 @@
</div> </div>
</section> </section>
<section class="banner-container">
<img src="./assets/img/Rectangle 13 desktop.png" alt="banner desktop" class="banner-desktop">
<img src="./assets/img/Rectangle 13 mobile.png" alt="banner mobile" class="banner-mobile">
</section>
</body> </body>
</html> </html>