adding max height as a class

static/css/styles2.css

@@ -385,6 +385,10 @@
     grid-column-end: span 1;
 }
 
+.maxheight {
+    max-height: 300px;
+    overflow: scroll;
+}
 
 .main-content li.grid_4 {
     grid-column-end: span 1;
@@ -397,6 +401,34 @@
     padding: 5px;
 }
 
+@media (min-height: 600px) {
+    .maxheight {
+        max-height: 450px;
+        overflow: scroll;
+    }
+}
+    
+@media (min-height: 600px) {
+    .maxheight {
+        max-height: 450px;
+        overflow: scroll;
+    }
+}
+    
+@media (min-height: 800px) {
+    .maxheight {
+        max-height: 600px;
+        overflow: scroll;
+    }
+}
+
+@media (min-height: 1000px) {
+    .maxheight {
+        max-height: 800px;
+        overflow: scroll;
+    }
+}
+
 @media (max-width: 600px) {
     nav a {
         font-size: 0px;