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

refactor: ajusta banners com tag picture

Browse Source
This commit is contained in:
Cainã Milech 2022-10-31 17:44:44 -03:00
parent 9c0f2d36cd
commit 9b96ef4bf0
2 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/styles/main.css
View File

@ -283,11 +283,7 @@ body{
/*MOBILE*/
@media screen and (max-width: 1024px) {
.m3{
width: 54,62%;
}
.banner-main-desktop{
display: none;
width: 54.62%;
}
.top-infocard-text{
@ -414,9 +410,6 @@ body{
/*DESKTOP*/
@media screen and (min-width: 1025px) {
.banner-main-mobile{
display: none;
}
.article-figure-mobile{
display: none;

6
index.html
View File

@ -26,9 +26,9 @@
<main>
<picture>
<img class="main-banner banner-main-desktop" src="/assets/images/banner-top-desktop.png" alt="Banner principal desktop" />
<img class="main-banner banner-main-mobile" src="/assets/images/banner-top-mobile.png" alt="Banner principal mobile" />
<source media="(max-width: 1024px)" srcset="/assets/images/banner-top-mobile.png" />
<source media="(min-width: 1025px)" srcset="/assets/images/banner-top-desktop.png" />
<img class="main-banner" src="/assets/images/banner-top-mobile.png" alt="Banner principal" />
</picture>
<section class="top-infocard">