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

6
index.html
View File

@ -26,9 +26,9 @@
<main> <main>
<picture> <picture>
<img class="main-banner banner-main-desktop" src="/assets/images/banner-top-desktop.png" alt="Banner principal desktop" /> <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 banner-main-mobile" src="/assets/images/banner-top-mobile.png" alt="Banner principal mobile" /> <img class="main-banner" src="/assets/images/banner-top-mobile.png" alt="Banner principal" />
</picture> </picture>
<section class="top-infocard"> <section class="top-infocard">