fix bugs

style.scss

@@ -193,9 +193,8 @@ main {
 
 .cards {
   display: grid;
-  grid-template-columns: repeat(4, 23.7%);
-  margin-bottom: 40px;
-  grid-column-gap: 20px;
+  grid-template-columns: repeat(4, 25%);
+  margin: 0 -10px 20px;
 }
 
 .card {
@@ -203,6 +202,15 @@ main {
   font-size: 12px;
   margin: 15px 0;
 
+  &-inner {
+    padding: 0 10px;
+    border-left: 1px solid rgba(255, 166, 0, 0.566);
+  }
+
+  &-inner.extreme{
+    border-left: none;
+  }
+
   &__image {
     width: 100%;
   }
@@ -243,6 +251,10 @@ main {
     }
   }
 
+  .buttow-wrapper{
+    margin: 0 10px;
+  }
+
   .subscribe {
     display: inline-block;
     width: 100%;
@@ -467,8 +479,7 @@ footer {
 
 @media (max-width: 1024px) {
   .cards {
-    grid-template-columns: repeat(2, 49%);
-    grid-column-gap: 20px;
+    grid-template-columns: repeat(2, 50%);
   }
 
   .about {
@@ -577,20 +588,20 @@ footer {
 }
 
 @media (max-width: 460px) {
-  .card{
+  .card {
     &__describe {
       min-height: 120px;
     }
 
     &-inf__item {
       font-size: 8px;
-  
+
       &::before {
         top: -2px;
       }
     }
 
-    &-description{
+    &-description {
       display: block;
     }
   }