Improve about page responsiveness (#1252)

diff --git a/app/assets/stylesheets/about.scss b/app/assets/stylesheets/about.scss
index c9d9dc5d5984e0adc6783f2c4ce4614d072c7542..6d9bd50a32372881fde6d3deba0df5aa2c548381 100644 (file)
--- a/app/assets/stylesheets/about.scss
+++ b/app/assets/stylesheets/about.scss
@@ -158,6 +158,14 @@
       color: $color5;
     }
   }
+
+  @media screen and (max-width: 500px) {
+    flex-direction: column;
+
+    .section {
+      text-align: left;
+    }
+  }
 }
 
 .owner {
@@ -281,6 +289,15 @@
       }
     }
   }
+
+  @media screen and (max-width: 625px) {
+    flex-direction: column;
+
+    .sidebar {
+      border: 1px solid lighten($color1, 10%);
+      width: auto;
+    }
+  }
 }
 
 .features-list {