Proper mobile view of About page

Mobile view of about page
looks fine now by adding
scrolling feature.

Fixes #298

Author: AkshJain99

partials/tabs/about.html

@@ -129,3 +129,4 @@ <h2 class="fine center">about</h2>
   $('ul.tabs').tabs();
 });
 </script>
+<link rel="stylesheet" href="/resources/css/people.css">

resources/css/people.css

@@ -51,3 +51,16 @@
 .profile-bio > p:before, .profile-bio > p:after {
   content: ' " ';
 }
+
+@media only screen and (max-width: 600px) {
+  .card.small .card-content, .card.medium .card-content, .card.large .card-content {
+    max-height: 80%;
+    overflow: scroll;
+  }
+}
+@media only screen and (min-width: 601px) {
+  .card.small .card-content, .card.medium .card-content, .card.large .card-content {
+    max-height: 80%;
+    overflow: scroll;
+  }
+}