assets/CSS/main.css

@@ -157,6 +157,10 @@ body {
     .top-cards {
         grid-template-columns: repeat(2, max-content);
     }
+
+    .bottom-cards {
+        grid-template-columns: repeat(2,max-content);
+    }
 }
 
 @media screen and (max-width:768px) {
@@ -196,6 +200,10 @@ body {
         padding: 32px 43px 32px 24x;
         align-items: center;
     }
+
+    .bottom-cards {
+        grid-template-columns: 1fr;
+    }
 }
 
 @media screen and (min-width: 415px) {
@@ -207,4 +215,8 @@ body {
     .main-banner-desktop {
         display: none;
     }
+
+    .bottom-cards {
+        padding: 80px 24px 98px 24px;
+    }
 }