From 9b96ef4bf05865e0c6a66df802dd5912b7210268 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cain=C3=A3=20Milech?= <cainamilech15@hotmail.com>
Date: Mon, 31 Oct 2022 17:44:44 -0300
Subject: [PATCH] refactor: ajusta banners com tag picture

---
 assets/styles/main.css | 9 +--------
 index.html             | 6 +++---
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/assets/styles/main.css b/assets/styles/main.css
index d748c14..fe5eef0 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -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;
diff --git a/index.html b/index.html
index 681783c..cf04ee6 100644
--- a/index.html
+++ b/index.html
@@ -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">