Replace .tables-responsive with @media query

Author: TBK

assets/style.css

@@ -64,10 +64,6 @@ a {
     margin-bottom: 2em;
 }
 
-.table-responsive {
-    overflow-x: auto;
-}
-
 /* header settings */
 
 header {
@@ -365,6 +361,14 @@ footer a {
 
 @media(min-width: 48em) {}
 
+/* phones & tablets */
+@media (max-width: 54em) {
+    .table-responsive {
+        overflow-x: auto;
+        min-height: 40vh;
+    }
+}
+
 /* responsive menu */
 
 @media (max-width: 63.999em) {