Improve about page responsiveness (#1252)

2017-04-08 16:28:23 +03:00
parent 941a593ea8
commit fc146a19cc
1 changed files with 17 additions and 0 deletions
--- 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 {