diff --git a/src/_includes/page.njk b/src/_includes/page.njk
index 6276a46..e5d545a 100644
--- a/src/_includes/page.njk
+++ b/src/_includes/page.njk
@@ -4,7 +4,9 @@ includeFA: true
 ---
 
 <main class="wrapper-lg stack-lg">
-	<h1>{{ title }}</h1>
-	{{ content | safe }}
+	<h1 class="text-center">{{ title }}</h1>
+	<div class="wrapper-md stack-lg">
+		{{ content | safe }}
+	</div>
 </main>
 
diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index 93953ee..51f1b06 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -1,12 +1,15 @@
 ---
 layout: base.njk
 ---
+<main class="wrapper-md stack-lg">
+    <article class="stack-md">
+        <h1><a href="{{ post.url }}">{{ title }}</a></h1>
+        {{ content | safe }}
+    </article>
 
-<article class="wrapper-lg stack-md">
-    <h1><a href="{{ post.url }}">{{ title }}</a></h1>
-    {{ content | safe }}
-</article>
-
-<author class="wrapper-lg">
-    {% image metadata.author.avatar, "My face", "box circle", "150px", [150] %}
-</author>
\ No newline at end of file
+    <div class="h-card">
+        <h2>About Lewis</h2>
+        
+        {% image metadata.author.avatar, "My face", "u-photo box circle", "150px", [150] %}
+    </div>
+</main>
\ No newline at end of file
diff --git a/src/blog/index.html b/src/blog/index.html
index 2eed6e3..b27cb96 100644
--- a/src/blog/index.html
+++ b/src/blog/index.html
@@ -6,7 +6,7 @@ pagination:
     size: 5
     reverse: true
 ---
-<main class="wrapper-lg stack-lg">
+<main class="wrapper-md stack-lg">
     <h1>Blog posts</h1>
 
     <ol class="stack-xl">
diff --git a/src/css/globals.css b/src/css/globals.css
index bd32c67..7251043 100644
--- a/src/css/globals.css
+++ b/src/css/globals.css
@@ -20,6 +20,7 @@ h1 {
   font-size: var(--text-size-xl);
   word-wrap: normal;
   text-underline-offset: var(--space-size-3xs);
+  text-align: center;
 }
 
 h2 {