Flex layouting for page wrapper

7 years ago · f3aa986c33
2 changed files with 23 additions and 13 deletions
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@ -4,8 +4,16 @@
				@@ -4,8 +4,16 @@

 body {
  font: 16px monospace;
-  width: 1024px;
-  margin: 0 auto 1em;
+}
+
+.page-wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.page.absolute {
+  display: flex;
+  flex-direction: column;
 }

 table td {
--- a/views/layout.jade
+++ b/views/layout.jade
@ -5,6 +5,8 @@ html
				@@ -5,6 +5,8 @@ html
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='shortcut icon', href='/favicon.ico')
  body
+    div.page-wrapper
+      div.page
        div.header
          h1
            a(href='/')