From 92f7916c4b7c189b0dae45b05cd631ba003b12d3 Mon Sep 17 00:00:00 2001
From: RobsonTito <contato.rtito@gmail.com>
Date: Thu, 13 Oct 2022 21:31:25 -0300
Subject: [PATCH] feat: cria banners  meio

---
 .../images/png/banner middle background.png   | Bin 0 -> 5236 bytes
 assets/styles/main.css                        |  31 ++++++++++++++++--
 index.html                                    |  11 +++++++
 3 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 assets/images/png/banner middle background.png

diff --git a/assets/images/png/banner middle background.png b/assets/images/png/banner middle background.png
new file mode 100644
index 0000000000000000000000000000000000000000..9327c22be80a855836a860978ad5188cf91e0acd
GIT binary patch
literal 5236
zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxU=reB1B&RHT+#$moCO|{#S9GG!XV7ZFl&wk
zP>``W$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3?iJKE{-7;jBjr;3Nk40Feq-VKVf=N
z=AR?)w=;Ku@*r^F`#B~EOTm$W8NzbmNPsXJI2d^#ECIy^MhHuZ#Q?%^Xkh?34hT8~
z4uEL}20<o}n}9&UY1FXMFdI!8pu8}eofsHKOO4UO5ttQ5D-;HX(Ry>Vc>t;wMw<tt
z%>z(67;PSmHV;7QV6^Wv+B^UzgVE-}X!8J69E>&(Mw<tqbU=;f!6U}6vh0WFER1pk
Onds^2=d#Wzp$Py6(ruLh

literal 0
HcmV?d00001

diff --git a/assets/styles/main.css b/assets/styles/main.css
index 7e34a08..e9e1901 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -68,6 +68,7 @@ body {
     display: flex;
     width: 100%;
     grid-template-columns: repeat(3, max-content);
+    flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
     background: #f0f0f0;
@@ -92,14 +93,40 @@ body {
     font-size: 16px;
 }
 
+.middle-banner {
+    width: 100%;
+    height: 530px;
+    left: 0px;
+    top: 1989px;
+
+
+}
+
+.display-grid {
+    display:grid;
+    width: 100%;
+    background: #E0E0E0;
+}
+
+.middle-banner-desktop {
+    position:relative;
+    text-align: center;
+    width: 32%;
+    bottom: 320px;
+    left: 2%;
+    
+}
+
 @media screen and (max-width:414px) {
     .main-banner-desktop {
         display: none;
-        padding: 84px 30px 158px;
+        
     }
 }
 
 @media screen and (min-width:415px) {
     .main-banner-mobile {
-        display: none;}
+        display: none;
+        padding: 84px 30px 158px;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 313bf9f..890c67f 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,17 @@
                                 </p>
                                 </figure>
                             </div>
+                            <div>
+                                <figure>
+                                    <img class="middle-banner" src="/assets/images/png/banner middle background.png" alt="banner-background-middle">
+                                </figure>
+                            </div>
+                </section class="display-grid">
+                    <img class="middle banner middle-banner-desktop" src="/assets/images/png/middle banner 1.png" alt="banner do meio 1">
+                    <img class="middle banner middle-banner-desktop" src="/assets/images/png/middle banner 2.png" alt="banner do meio 2">
+                    <img class="middle banner middle-banner-desktop" src="/assets/images/png/middle banner 3.png" alt="banner do meio 3">
+                <section>
+
                 </section>
             </main>
     </body>