diff --git a/client/less/main.less b/client/less/main.less
index 0d2614133f..d9cac6ae6e 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -1155,6 +1155,15 @@ code {
   }
 }
 
+//make about page contact table reponsive on small screens
+@media only screen
+and (max-width : 400px)  {
+  table.response-table td {
+      width: 100%;
+      display: block;
+  }
+}
+
 // make btn-default hover more visible
 .btn-default:active,
 .btn-default:hover {
diff --git a/server/views/resources/about.jade b/server/views/resources/about.jade
index d50aced8d8..c405aedf09 100644
--- a/server/views/resources/about.jade
+++ b/server/views/resources/about.jade
@@ -169,7 +169,7 @@ block content
         .row
             .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
                 h2.text-center Whom to contact for what
-                table.table.table-stripe
+                table.table.table-stripe.response-table
                     tr
                         td Support (
                             a(href='mailto:team@freecodecamp.com') team@freecodecamp.com