From 8386be5f8a3a40e853ab62abdfe39589954740ca Mon Sep 17 00:00:00 2001
From: ChristianTovar <tovarchristian21@gmail.com>
Date: Sat, 21 Nov 2020 17:26:21 -0500
Subject: [PATCH] Improve posts layout

---
 pages/posts/[slug].tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/pages/posts/[slug].tsx b/pages/posts/[slug].tsx
index da7ee02..a84f872 100644
--- a/pages/posts/[slug].tsx
+++ b/pages/posts/[slug].tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import * as postsService from '../../lib/posts';
 import PostType from '../../lib/types/post';
 
@@ -6,10 +7,19 @@ interface PropTypes {
 }
 
 const Post = ({ post }: PropTypes) => (
-  <div>
-    <h1>{post.data.title}</h1>
+  <div className="container mx-auto">
+    <div className=" text-center font-black text-3xl m-12">
+      <h1>{post.data.title}</h1>
+    </div>
     <span>slug: {post.slug}</span>
     <div dangerouslySetInnerHTML={{ __html: post.content }} />
+    <div className="hover:underline my-4">
+      <h2>
+        <Link href="/">
+          <a>Back to home</a>
+        </Link>
+      </h2>
+    </div>
   </div>
 );