responsive styles for mobile

assets/css/layout.scss

@@ -18,6 +18,7 @@ h3 {
 
 p {
     margin: 0 0 10px 0;
+    word-break: keep-all;
 }
 
 .container {
@@ -53,6 +54,17 @@ p {
     }
 }
 
+@media (max-width: 1280px) {
+    .container {
+        #center {
+            flex-direction: column-reverse;
+            #content {
+                max-width: 100%;
+            }
+        }
+    }
+}
+
 .highlight {
     line-height: 1.5em;
     margin: 15px 0;