From 7d3c1da26e3e9230895418d39a700bb488181593 Mon Sep 17 00:00:00 2001
From: Akshit jain <akshjain.jain74@gmail.com>
Date: Sun, 13 Jan 2019 19:44:11 +0530
Subject: [PATCH] Proper mobile view of About page

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

Fixes https://github.com/coala/landing-frontend/issues/298
---
 partials/tabs/about.html |  1 +
 resources/css/people.css | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/partials/tabs/about.html b/partials/tabs/about.html
index e71eeea..82cee16 100644
--- a/partials/tabs/about.html
+++ b/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">
diff --git a/resources/css/people.css b/resources/css/people.css
index 0ccbdca..0deff23 100644
--- a/resources/css/people.css
+++ b/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;
+  }
+}