fixed about text overflow

Author: adityagarg06

client/styles/components/_about.scss

@@ -21,6 +21,24 @@
 .about__content-column {
   display: flex;
   flex-direction: column;
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+@media (max-width: 768px) {
+  .about__content {
+    flex-direction: column;
+    overflow-y: auto;
+    overflow-x: hidden;
+    width: 100%;
+    margin-right: 15rem;
+  }
+
+  .about__footer {
+    flex-direction: column;
+    padding-left: #{20 / $base-font-size}rem;
+    padding-right: #{20 / $base-font-size}rem;
+  }
 }
 
 .about__content-column-title {
@@ -69,7 +87,7 @@
   padding-top: #{18 / $base-font-size}rem;
   padding-right: #{20 / $base-font-size}rem;
   padding-bottom: #{21 / $base-font-size}rem;
-  padding-left: #{291 / $base-font-size}rem;
+  padding-left: #{20 / $base-font-size}rem;
   width: 100%;
 }
 

client/styles/components/_overlay.scss

@@ -23,7 +23,6 @@
   flex-wrap: wrap;
   flex-flow: column;
   max-height: 80%;
-  max-width: 65%;
   position: relative;
   padding-bottom: #{25 / $base-font-size}rem;
 }