From ac1a368d7faafffe299256fff39415c1f490183a Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Sat, 8 Oct 2022 11:25:38 -0300
Subject: [PATCH] feat: added banner section and responsive image

---
 assets/css/styles.css | 18 ++++++++++++++++--
 index.html            | 13 +++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index c578811..e6043a6 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -66,6 +66,9 @@
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
 }
 
+.banner {
+  width: 100%;
+}
 
 /*=         =*\
 = COMPOSITION =
@@ -151,8 +154,6 @@
     font-size: 2rem;
   }
 
-
-
   .services-container {
     --hs-flow-space: 26px;
   }
@@ -170,6 +171,10 @@
   .hero-image-mobile {
     display: flex;
   }
+
+  .banner-image-desktop {
+    display: none;
+  }
 }
 
 
@@ -186,4 +191,13 @@
     width: 315px;
     height: 315px;
   }
+
+  .banner-image-desktop {
+    display: flex;
+  }
+
+  .banner-image-mobile {
+    display: none;
+  }
+
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 71c7f1d..46f474c 100644
--- a/index.html
+++ b/index.html
@@ -70,6 +70,19 @@
           </article>
         </div>
       </section>
+
+      <section class="banner">
+        <img
+          class="banner-image banner-image-desktop"
+          src="./assets/images/feature-2-desktop.jpg"
+          alt=""
+        />
+        <img
+          class="banner-image banner-image-mobile"
+          src="./assets/images/feature-2-mobile.jpg"
+          alt=""
+        />
+      </section>
     </main>
   </body>
 </html>