diff --git a/static/css/layout.css b/static/css/layout.css
index d3d74d1..1b7558f 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -142,6 +142,9 @@ header#header {
     width: 100vw;
     padding: 0.5em 1em;
 }
+article {
+    max-width: 66ch;
+}
 main {
     box-sizing: border-box;
     display: block flex;
@@ -154,10 +157,11 @@ main {
     /*https://pearsonified.com/golden-ratio-typography-intro/*/
     /*https://grtcalculator.com/*/
     /*or maybe not, https://en.wikipedia.org/wiki/Line_length#Electronic_text*/
-    max-width: 66ch;
 
     & > header {
+        box-sizing: border-box;
         padding: 0rem 1rem;
+        max-width: 66ch;
     }
 
     /* needed due to being flex itself*/
@@ -169,9 +173,9 @@ main {
 
 }
 header#article-header {
-    max-width: -moz-available;
+    /*max-width: -moz-available;
     max-width: -webkit-fill-available;;
-    max-width: fill-available;
+    max-width: fill-available;*/
     display: block flex;
     flex-direction:column;
     /* put things in center*/
@@ -185,9 +189,6 @@ dl {
     max-width: fill-available;
 }
 article {
-    max-width: -moz-available;
-    max-width: -webkit-fill-available;;
-    max-width: fill-available;
     display: block flex;
     flex-direction:column;
     /* put things in center*/
@@ -259,6 +260,7 @@ footer {
 @layer pre-load{
     main > header {
         border: 0.7rem solid transparent;
+
     }
 }
 /* I mean why not? */
diff --git a/templates/home.html b/templates/home.html
index 81b3b5e..be5e2a9 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -4,15 +4,17 @@
     <p>Also I am currently looking for work, send me an email <a href="mailto:pagwin_+public-blog-email@pagwin.xyz">
             pagwin_+public-blog-email@pagwin.xyz</a> if you like what you read and want to hire me</p>
 </header>
-<h2>Posts:</h2>
-<dl>
-    {{#posts}}
-    <div>
-        <dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
-        <dd class="dt-subtitle"><time datetime="{{{iso_date}}}">{{date}}</time></dd>
-        <dd>
-            <p>{{summary}}</p>
-        </dd>
-    </div>
-    {{/posts}}
-</dl>
+<article>
+    <h2>Posts:</h2>
+    <dl>
+        {{#posts}}
+        <div>
+            <dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
+            <dd class="dt-subtitle"><time datetime="{{{iso_date}}}">{{date}}</time></dd>
+            <dd>
+                <p>{{summary}}</p>
+            </dd>
+        </div>
+        {{/posts}}
+    </dl>
+</article>