From cbd8cbb3ad404a0dda39760222d3066e0e3beca4 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Wed, 12 Oct 2022 20:31:48 -0300
Subject: [PATCH] fix(home):Conserto top-infocard desktop e mobile

---
 assets/css/style.css | 33 +++++++++++++++++++++++++------
 index.html           | 47 ++++++++++++++++++++++----------------------
 2 files changed, 51 insertions(+), 29 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index b2318b8..45af047 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -30,10 +30,8 @@ body {
   flex-direction: column;
   align-items: center;
   padding: 74px 0 180px;
-}
-
-.top-inforcard-text {
   max-width: 40%;
+  margin: 0 auto 0;
 }
 
 .top-infocard-subtitle {
@@ -59,7 +57,7 @@ body {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
-  line-height: 150%;
+  line-height: 24px;
   margin-bottom: 74px;
   text-align: center;
 }
@@ -136,7 +134,7 @@ body {
   flex-direction: column;
   align-items: center;
   background: #ffffff;
-  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
 }
 
 .bottom-card-image {
@@ -218,10 +216,10 @@ body {
   .top-infocard {
     padding: 73px 32px 90px;
     margin: 0 auto 0;
+    max-width: 100%;
   }
   .top-inforcard-text {
     margin-bottom: 65px;
-    max-width: 100%;
   }
 
   .top-infocard-subtitle {
@@ -307,3 +305,26 @@ body {
     display: none;
   }
 }
+
+@media screen and (min-width: 2500px) {
+  .page-header {
+    padding: 56px 0;
+  }
+  .header-logo {
+    width: 200%;
+  }
+  .top-infocard-subtitle {
+    font-size: 64px;
+    line-height: 78px;
+  }
+  .top-infocard-title {
+    font-size: 96px;
+    line-height: 116px;
+  }
+  .top-infocard-description {
+    font-size: 32px;
+    line-height: 48px;
+  }
+  .top-infocard-picture {
+  }
+}
diff --git a/index.html b/index.html
index bda0665..d248165 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
                     dui.
                 </p>
             </div>
-            <figure>
+            <figure class="top-infocard-picture">
                 <img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png"
                     alt="Banner do Infocard do Topo">
             </figure>
@@ -164,29 +164,30 @@
                     alt="Banner do Infocard de Baixo Mobile">
             </figure>
         </section>
-        <footer class="page-footer">
-            <ul class="footer-icons">
-                <li class="footer-icon">
-                    <a href="#" target="_blank">
-                        <img src="./assets/imagens/instagram-icon.png" alt="Icone do Instagram" />
-                    </a>
-                </li>
-                <li class="footer-icon">
-                    <a href="#" target="_blank">
-                        <img src="./assets/imagens/facebook-icon.png" alt="Icone do Facebook" />
-                    </a>
-                </li>
-                <li class="footer-icon">
-                    <a href="#" target="_blank">
-                        <img src="./assets/imagens/youtube-icon.png" alt="Icone do Youtube" />
-                    </a>
-                </li>
-            </ul>
-            <p class="footer-text">
-                Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
-            </p>
-        </footer>
+
     </main>
+    <footer class="page-footer">
+        <ul class="footer-icons">
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/imagens/instagram-icon.png" alt="Icone do Instagram" />
+                </a>
+            </li>
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/imagens/facebook-icon.png" alt="Icone do Facebook" />
+                </a>
+            </li>
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/imagens/youtube-icon.png" alt="Icone do Youtube" />
+                </a>
+            </li>
+        </ul>
+        <p class="footer-text">
+            Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
+        </p>
+    </footer>
 </body>
 
 </html>
\ No newline at end of file