From a9cd8cf491bd5034fc79e086b6aca141c39c63d5 Mon Sep 17 00:00:00 2001
From: Gabriel Gomes <gabrielgms0@hotmail.com>
Date: Thu, 13 Oct 2022 20:24:00 -0300
Subject: [PATCH] feat: Adiciona responsividade 4k para bottom-cards

---
 assets/CSS/main.css | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/assets/CSS/main.css b/assets/CSS/main.css
index c5901de..6de748c 100644
--- a/assets/CSS/main.css
+++ b/assets/CSS/main.css
@@ -216,6 +216,22 @@ body {
 
 }
 
+@media screen and (min-width:2375px) {
+    .bottom-cards {
+        grid-template-columns: repeat(4,max-content);
+    }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1200px) {
+    .top-cards {
+        grid-template-columns: repeat(2, max-content);
+    }
+
+    .bottom-cards {
+        grid-template-columns: repeat(2,max-content);
+    }
+}
+
 @media screen and (max-width:1024px) {
     .middle-banner-container {
         display: grid;
@@ -251,16 +267,6 @@ body {
     }
 }
 
-@media screen and (min-width: 769px) and (max-width: 1200px) {
-    .top-cards {
-        grid-template-columns: repeat(2, max-content);
-    }
-
-    .bottom-cards {
-        grid-template-columns: repeat(2,max-content);
-    }
-}
-
 @media screen and (max-width:768px) {
 
     .top-infocard {
@@ -295,7 +301,7 @@ body {
     }
 
     .middle-banner {
-        padding: 32px 43px 32px 24x;
+        padding: 32px 43px 32px 24px;
         align-items: center;
     }