correção de margin do second-cards e middle-banner

index.html

@@ -111,7 +111,7 @@
       </div>
 
       <!-- second-card -->
-      <section class="descricao-container">
+      <section class="descricao-container-second">
         <div class="second-cards">
           <figure class="second-card">
             <img

src/style/style.css

@@ -24,6 +24,7 @@ body {
 /*  */
 /* Banner-principal */
 .descricao-container,
+.descricao-container-second,
 .banner-principal-container,
 .mobile-banner img,
 .descktop-banner img,
@@ -35,6 +36,7 @@ body {
 /* inforcar principal */
 
 .descricao-container,
+.descricao-container-second,
 .texto-inforcard,
 .second-texto-inforcard {
   display: flex;
@@ -63,7 +65,6 @@ body {
 
 .top-card-text,
 .texto-inforcard p {
-
   font-size: 16px;
   font-weight: 400;
   padding: 25px 0;
@@ -126,6 +127,11 @@ body {
 }
 /* second-card */
 
+.descricao-container-second {
+  padding: 78px 0 90px;
+  gap: 75px;
+}
+
 .second-cards {
   margin: 0%;
   display: grid;
@@ -158,17 +164,15 @@ body {
 .second-texto-inforcard p {
   font-size: 16px;
   font-weight: 400;
-
 }
 
-.banner-final{
+.banner-final {
   order: 2;
 }
 
 /* footer */
 
-
-.footer-page{
+.footer-page {
   margin: 60px 0 0;
   display: grid;
   gap: 16px;
@@ -178,29 +182,25 @@ body {
   align-items: center;
   background: #000000;
   padding: 38px 0;
-
 }
 
-.footer{
+.footer {
   display: flex;
   gap: 16px;
   align-items: center;
-  
 }
 
-.footer-page p{
+.footer-page p {
   text-transform: uppercase;
   align-items: center;
   line-height: 12px;
   font-size: 10px;
   font-weight: 400;
-  color: #BDBDBD;
+  color: #bdbdbd;
 }
 
-
 /* Media Queries */
 
-
 @media screen and (max-width: 1024px) {
   .descktop-banner,
   .middle-img,
@@ -213,10 +213,14 @@ body {
   }
 
   .top-cards,
-  .texto-inforcard,
+  .texto-inforcard {
+    grid-template-columns: 1fr;
+    margin: 0 32px;
+  }
+
   .second-cards {
     grid-template-columns: 1fr;
-    margin: 0 26;
+    margin: 0 23px;
   }
 
   .texto-inforcard h2 {
@@ -239,8 +243,8 @@ body {
     font-size: 18px;
   }
   .middle-card {
-    margin: 0 26px;
-    padding: 0 36px;
+    margin: 0 23px;
+    
   }
 
   .card-wrpper {
@@ -254,15 +258,15 @@ body {
   .footer-page {
     padding-bottom: 26px;
   }
-  .footer-text{
+  .footer-text {
     max-width: 280px;
     text-align: center;
   }
-  .banner-final{
+  .banner-final {
     order: 1;
   }
 
-  .second-texto-inforcard{
+  .second-texto-inforcard {
     order: 2;
   }
 }
@@ -287,15 +291,14 @@ body {
 
   .top-card-text,
   .texto-inforcard p,
-  .second-texto-inforcard p
-   {
+  .second-texto-inforcard p {
     font-size: 28px;
   }
-  .footer-page p{
+  .footer-page p {
     font-size: 20px;
   }
-  .footer-page img{
-  height: 30px;
- width: 30px;}
-
+  .footer-page img {
+    height: 30px;
+    width: 30px;
+  }
 }