From ccd9f86aa65f5af668b526a005089ddd81854d7d Mon Sep 17 00:00:00 2001
From: vitorsoaresdev <dev.vitors@gmail.com>
Date: Mon, 10 Oct 2022 16:36:15 -0300
Subject: [PATCH] feat: Ajuste banner desktop e mobile

---
 .../{main-banner-desktop.png => main-banner.png}   | Bin
 assets/styles/main.css                             |  13 +++++++++++++
 index.html                                         |   7 +++++++
 3 files changed, 20 insertions(+)
 rename assets/imagens/{main-banner-desktop.png => main-banner.png} (100%)

diff --git a/assets/imagens/main-banner-desktop.png b/assets/imagens/main-banner.png
similarity index 100%
rename from assets/imagens/main-banner-desktop.png
rename to assets/imagens/main-banner.png
diff --git a/assets/styles/main.css b/assets/styles/main.css
index c9d5824..49a2985 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -21,4 +21,17 @@ body {
 
 .header-logo {
     display: block;
+}
+
+/*Adiciona banner principal*/
+.main-banner {
+    display: block;
+    width: 100%;
+}
+
+/*Media Querie*/
+@media screen and (max-width: 414px) {
+    .main-banner {
+        content: url('../imagens/main-banner-mobile.png');
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index f0871e4..48a2f9f 100644
--- a/index.html
+++ b/index.html
@@ -18,5 +18,12 @@
                 <img class="header-logo" src="assets/imagens/logo-m3.svg" alt="Logo M3" />
             </a>
         </header>
+
+        <main>
+            <!--Adiciona banner principal-->
+            <figure>
+                <img class="main-banner" src="assets/imagens/main-banner.png" alt="Banner Principal" />
+            </figure>
+        </main>
     </body>
 </html>
\ No newline at end of file