From 39b350d073794792b88f08a574c51f31f906f8b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Naian=20F=C3=A9lix?= <naianfelix123@gmail.com>
Date: Wed, 12 Oct 2022 19:18:04 -0300
Subject: [PATCH] feat: adiciona responsividade 4k

---
 assets/styles/main.css | 21 +++++++++++++++++++--
 index.html             | 10 +++++-----
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/assets/styles/main.css b/assets/styles/main.css
index 1d58f1b..6af4c90 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -20,7 +20,7 @@ body {
 }
  .header-logo {
     display: block;
-    padding: 30px 0;
+    padding: 28px 0;
     max-width: 226px;
     width: 100%;
  }
@@ -182,6 +182,7 @@ body {
 .bottom-infocard-image img {
     max-width: 1360px;
     width: 100%;
+    margin: 0 280px;
 }
 
 footer {
@@ -207,9 +208,25 @@ footer {
     display: flex;
     column-gap: 16px;
 }
+ 
+@media screen and (min-width:2499px) {
 
+    .top-infocard-description {
+        font-size: 18px;
+    }
 
-   
+    .top-card-description {
+        font-size: 18px;
+    }
+
+    .bottom-card-description {
+        font-size: 18px;
+    }
+
+    .bottom-infocard-description{
+        font-size: 18px;
+    }
+}
  
 @media screen and (min-width: 769px) and (max-width: 1270px) {
     .top-cards,.bottom-cards {
diff --git a/index.html b/index.html
index 0708b3f..b96a1ca 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
 
         <main>       
             <div>
-                <img class="main-banner" src="assets/image/main-banner-desktop.png" alt="Banner exibindo imagem com códigos de programação">
+                <img class="main-banner" src="assets/image/main-banner-desktop.png" alt="Banner exibindo imagem de um notebook com códigos de programação">
             </div>
 
             <section class="top-infocard">
@@ -83,27 +83,27 @@
                 <figure class="bottom-card">
                     <img class="bottom-card-image" src="assets/image/bottom-card-image1.svg" alt="Figura representando uma nota">
                     <figcaption class="bottom-card-description">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                     </figcaption>                
                 </figure>
 
                 <figure class="bottom-card">
                     <img class="bottom-card-image" src="assets/image/bottom-card-image2.svg" alt="Figura representando uma mão com uma moeda acima">
                     <figcaption class="bottom-card-description">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.     
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.     
                     </figcaption>                
                 </figure>
 
                 <figure class="bottom-card">
                     <img class="bottom-card-image" src="assets/image/bottom-card-image3.svg" alt="Figura representando um notebook">
                     <figcaption class="bottom-card-description">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                     </figcaption>
                 </figure>
                 <figure class="bottom-card">
                     <img class="bottom-card-image" src="assets/image/bottom-card-image4.svg" alt="Figura representando um celular">
                     <figcaption class="bottom-card-description">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                     </figcaption>                
                 </figure>
             </div>