diff --git a/static/css/layout.css b/static/css/layout.css
index 81de9b6..c6320e5 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -88,6 +88,28 @@ time {
     justify-content: center;
     align-items: center;
 }
+header {
+    max-width: -moz-available;
+    max-width: -webkit-fill-available;;
+    max-width: fill-available;
+    display: block flex;
+    flex-direction:column;
+    /* put things in center*/
+    /* not sure if I want everything centered or just code blocks but I like everything centered atm*/
+    justify-content: center;
+    align-items: center;
+}
+article {
+    max-width: -moz-available;
+    max-width: -webkit-fill-available;;
+    max-width: fill-available;
+    display: block flex;
+    flex-direction:column;
+    /* put things in center*/
+    /* not sure if I want everything centered or just code blocks but I like everything centered atm*/
+    justify-content: center;
+    align-items: center;
+}
 blockquote {
     /*font-style: italic;*/
     padding: 0.5em 1em;
diff --git a/templates/default.html b/templates/default.html
index 677cd56..7f859ed 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -21,8 +21,6 @@
     </div>
     <div id="content-outer">
         <div id="content">
-            <h1 style="font-variant: small-caps;">
-                {{{title}}}</h1>
             {{{content}}}
         </div>
     </div>
diff --git a/templates/post.html b/templates/post.html
index 316b9c6..b4073d4 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,6 +1,11 @@
-<div class="info">
-    {{{date}}}
-</div>
+<header>
+    <h1 style="font-variant: small-caps;">{{{title}}}</h1>
+    <div class="info">
+        {{{date}}}
+    </div>
+</header>
 <hr>
 </hr>
-{{{content}}}
+<article>
+    {{{content}}}
+</article>