diff --git a/index.html b/index.html
index cca9adc..def6193 100644
--- a/index.html
+++ b/index.html
@@ -72,39 +72,39 @@
             </figure>
         </div>
 
-        <div class="bottom-cards">
-            <figure class="container-bottom-cards">
-                <img class="bottom-img-card" src="assets/imgs/money-card-bottom.png"
-                    alt="Primeiro card da parte de baixo" />
-                <figcaption class="bottom-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.</figcaption>
-            </figure>
+    </div>
 
-            <figure class="container-bottom-cards">
-                <img class="bottom-img-card" src="assets/imgs/coin-card-bottom.png"
-                    alt="Segundo card da parte de baixo" />
-                <figcaption class="bottom-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.</figcaption>
-            </figure>
+    <div class="bottom-cards">
+        <figure class="container-bottom-cards">
+            <img class="bottom-img-card" src="assets/imgs/money-card-bottom.png"
+                alt="Primeiro card da parte de baixo" />
+            <figcaption class="bottom-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.</figcaption>
+        </figure>
 
-            <figure class="container-bottom-cards">
-                <img class="bottom-img-card" src="assets/imgs/laptop-card-bottom.png"
-                    alt="Terceiro card da parte de baixo" />
-                <figcaption class="bottom-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.</figcaption>
-            </figure>
+        <figure class="container-bottom-cards">
+            <img class="bottom-img-card" src="assets/imgs/coin-card-bottom.png" alt="Segundo card da parte de baixo" />
+            <figcaption class="bottom-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.</figcaption>
+        </figure>
 
-            <figure class="container-bottom-cards">
-                <img class="bottom-img-card" src="assets/imgs/phone-card-bottom.png"
-                    alt="Primeiro card da parte de baixo" />
-                <figcaption class="bottom-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.</figcaption>
-            </figure>
-        </div>
+        <figure class="container-bottom-cards">
+            <img class="bottom-img-card" src="assets/imgs/laptop-card-bottom.png"
+                alt="Terceiro card da parte de baixo" />
+            <figcaption class="bottom-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.</figcaption>
+        </figure>
+
+        <figure class="container-bottom-cards">
+            <img class="bottom-img-card" src="assets/imgs/phone-card-bottom.png"
+                alt="Primeiro card da parte de baixo" />
+            <figcaption class="bottom-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.</figcaption>
+        </figure>
     </div>
 
     <section class="bottom-infocards">
diff --git a/style/main.css b/style/main.css
index a1d7798..558b6a3 100644
--- a/style/main.css
+++ b/style/main.css
@@ -46,6 +46,7 @@
   justify-content: center;
   width: 100%;
   gap: 21px;
+  margin-bottom: 50px;
 }
 
 .main .top-card {
@@ -75,8 +76,7 @@
 }
 
 .main .container-middle-cards {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  display: flex;
   gap: 39px;
   justify-content: center;
   position: relative;
@@ -237,14 +237,9 @@
   .main .container-middle-cards {
     padding: 0 23px;
   }
-}
-
-@media (max-width: 768px) {
-  .main .middle-cards {
-    margin-top: 44px;
-  }
 
   .main .container-middle-cards {
+    display: grid;
     grid-template-columns: repeat(2, 1fr);
     column-gap: 14px;
     margin-bottom: 80px;
@@ -258,6 +253,12 @@
   }
 }
 
+@media (max-width: 768px) {
+  .main .middle-cards {
+    margin-top: 44px;
+  }
+}
+
 @media (max-width: 480px) {
   .main .second-img-banner {
     grid-area: 1/1;