fix wrapper dimensions in about page mobile

gdg-cebu · Aug 12, 2016 · 4b606c4 · 4b606c4
1 parent b958b80
commit 4b606c4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/static/stylesheets/about.css b/static/stylesheets/about.css
@@ -10,6 +10,11 @@
 }
 
 
+.site__body div {
+    width: 100%;
+}
+
+
 @supports (-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
     .site__body::before {
         width: 50%;

diff --git a/static/stylesheets/base.css b/static/stylesheets/base.css
@@ -32,6 +32,7 @@ p {
     margin: 1em 0;
     line-height: 1.35;
     color: rgba(0, 0, 0, 0.54);
+    word-wrap: break-word;
 }
 
 
@@ -170,6 +171,13 @@ li {
 }
 
 
+@media all and (max-width: 775px), (max-device-width: 775px) {
+    .page__title {
+        text-align: center;
+    }
+}
+
+
 
 /** footer styles **/