more css

client/assets/scss/Content.scss

@@ -1,5 +1,6 @@
 .Content {
   flex: 1;
+  flex-wrap: wrap;
     .post + .post {
         margin-top: 2em;
     }
@@ -23,4 +24,8 @@
         height: auto;
         margin: auto;
     }
+    code,
+    pre {
+        white-space: pre-wrap;
+    }
 }

client/assets/scss/Footer.scss

@@ -1,6 +1,6 @@
 .Footer {
     height: 5em;
-    line-height: 5em;
+    align-items: center;
     background-color: #F1F1F1;
     border-top: solid;
     border-width: 1px;

client/assets/scss/main.scss

@@ -3,6 +3,7 @@ html {
     font-family: 'Roboto Slab', serif;
     max-width: 100%;
     overflow-x: hidden;
+    overflow-y: scroll;
 }
 body {
     max-width: 100%;
@@ -39,29 +40,20 @@ a {
         color: #3598db;
     }
 }
-code,
-pre {
-    white-space: pre-wrap;
-}
 hr {
     margin: 1em;
     border: 0;
     border-top: 1px solid #eee;
 }
-.Layout {
-    height: 100%;
+.Footer,
+.Main {
     display: flex;
-    flex-direction: column;
-    .Footer,
-    .Main {
-        display: flex;
-        padding-right: calc(50% - 997px / 2);
-        padding-left: calc(50% - 997px / 2);
-        &:after,
-        &:before {
-            content: " ";
-            width: 1em;
-        }
+    padding-right: calc(50% - 997px / 2);
+    padding-left: calc(50% - 997px / 2);
+    &:after,
+    &:before {
+        content: " ";
+        width: 1em;
     }
 }
 .Main {

client/js/pages/Index.js

@@ -34,7 +34,7 @@ export default class Index extends React.Component {
 
     render() {
         return (
-          <div class="Layout" >
+          <div>
             <Header />
               <div class="Main">
                   {typeof this.page === 'undefined' ? <Preview posts={this.props.redux.preview.posts} /> : ""}