fix bugs

css/style.css

@@ -192,9 +192,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 {
@@ -202,6 +201,13 @@ main {
   font-size: 12px;
   margin: 15px 0;
 }
+.card-inner {
+  padding: 0 10px;
+  border-left: 1px solid rgba(255, 166, 0, 0.566);
+}
+.card-inner.extreme {
+  border-left: none;
+}
 .card__image {
   width: 100%;
 }
@@ -233,6 +239,9 @@ main {
 .card-inf .date::before {
   content: url("../icons/calendar2.svg");
 }
+.card .buttow-wrapper {
+  margin: 0 10px;
+}
 .card .subscribe {
   display: inline-block;
   width: 100%;
@@ -426,8 +435,7 @@ footer {
 
 @media (max-width: 1024px) {
   .cards {
-    grid-template-columns: repeat(2, 49%);
-    grid-column-gap: 20px;
+    grid-template-columns: repeat(2, 50%);
   }
   .about-more {
     flex-direction: column;