From 47e0e594fa6b5eb32806feb7c3b0cd30adb67e1d Mon Sep 17 00:00:00 2001
From: DaviHKlein <davihgklein@gmail.com>
Date: Wed, 12 Oct 2022 16:17:30 -0300
Subject: [PATCH] Conserta problemas com middle-banners

---
 assets/styles/main.css | 23 +++++++----------------
 index.html             | 35 +++++++----------------------------
 2 files changed, 14 insertions(+), 44 deletions(-)

diff --git a/assets/styles/main.css b/assets/styles/main.css
index 159f32e..f917083 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -92,31 +92,22 @@ body{
     text-align: center;
 }
 
-.middle-banners{
+.middle-banner{
     background-color: #E0E0E0;
+    display: flex;
+    justify-content: center;
 }
 
-.middle-banners-content{
+.middle-banners{
     display: flex;
     justify-content: center;
     position: relative;
     width: 100%;
     top: 6.4vmin;
+    gap: 2.3%;
 }
 
-.banner-list{
-    display: flex;
-    list-style: none;
+.middle-banner-imgs{
+    width: 29.28%;
 }
 
-.banner-list-space{
-    margin-right: 4vmin
-}
-
-.middle-banners-imgs{
-    width: 100%;
-}
-
-.image-height{
-    width: 29.2vmax;
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index 856fc61..906e653 100644
--- a/index.html
+++ b/index.html
@@ -55,36 +55,15 @@
             </div>
         </section>
 
-        <section class="middle-banners">
-            <div class="middle-banners-content">
-                <ul class="banner-list">
-                    <li>
-                        <ul class="banner-list">
-                            <li class="banner-list-space image-height">
-                                <figure class="image-height">
-                                <img class="middle-banners-imgs" src="./assets/images/notebook1.png" alt="Banner do meio1">
-                                </figure>
-                            </li>
-                            <li class="banner-list-space image-height">
-                                <figure class="image-height">
-                                <img class="middle-banners-imgs" src="./assets/images/notebook2.png" alt="Banner do meio2">
-                                </figure>
-                            </li>
-                        </ul>
-                    </li>
-                    <li>
-                        <ul class="banner-list">
-                            <li>
-                                <figure class="image-height">
-                                    <img class="middle-banners-imgs" src="./assets/images/notebook3.png" alt="Banner do meio3">
-                                </figure>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </div>
+        <section class="middle-banner">
+            <figure class="middle-banners">
+            <img class="middle-banner-imgs ordem1" src="./assets/images/notebook1.png" alt="Banner do meio">
+            <img class="middle-banner-imgs ordem2" src="./assets/images/notebook2.png" alt="Banner do meio">
+            <img class="middle-banner-imgs" src="./assets/images/notebook3.png" alt="Banner do meio">
+            </figure>
         </section>
 
+        
 
     </main>
 </body>