Updated without grid & flex

CSS/style.css

@@ -43,8 +43,8 @@ body {
 
 .card {
     display: inline-block;
-    margin-right: -0.25em;
-    margin-bottom: -0.25em;
+    margin-right: -0.30em;
+    margin-bottom: -0.30em;
     width: calc(100%/3);
     height: calc(100%/2);
     position: relative;
@@ -221,6 +221,7 @@ body {
 @media (min-width: 481px) and (max-width: 767px) {
     .card {
         width: 50%;
+        max-height: 40%;
     }
 }
 
@@ -228,6 +229,7 @@ body {
 @media (min-width: 768px) and (max-width: 1024px) {
     .card {
         width: 50%;
+        max-height: 50%;
     }
 }
 
@@ -235,6 +237,7 @@ body {
 @media (min-width: 1025px) and (max-width: 1280px) {
     .card {
         width: 33.33%;
+        max-height: 50%;
     }
 }
 
@@ -242,5 +245,7 @@ body {
 @media (min-width: 1281px) {
     .card {
         width: 33.33%;
+        max-height: 50%;
+
     }
 }
\ No newline at end of file