Various design improvements

src/templates/post-default.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component } from 'react'
 import Helmet from 'react-helmet'
 class PostDefault extends Component {
   render() {
@@ -9,23 +9,30 @@ class PostDefault extends Component {
           title={`${data.wordpressPost.title} - Saburly.com`}
           meta={[
             { name: 'description', content: 'We code & design great software' },
-            { name: 'keywords', content: 'software, design, coding, programming, code, consulting' },
+            {
+              name: 'keywords',
+              content:
+                'software, design, coding, programming, code, consulting',
+            },
           ]}
         />
-        <h1>Specific Post - {data.wordpressPost.title}</h1>
-        <h1>Slug - {data.wordpressPost.slug}</h1>
-        <div dangerouslySetInnerHTML={{
-          __html: data.wordpressPost.content
-        }}
-        />
+        <main className="container mx-auto p-4 sm:p-10">
+          <h1>Specific Post - {data.wordpressPost.title}</h1>
+          <h1>Slug - {data.wordpressPost.slug}</h1>
+          <div
+            dangerouslySetInnerHTML={{
+              __html: data.wordpressPost.content,
+            }}
+          />
+        </main>
       </div>
-    );
+    )
   }
 }
 
 export const query = graphql`
   query PostDefaultQuery($slug: String!) {
-    wordpressPost(slug: {eq: $slug}) {
+    wordpressPost(slug: { eq: $slug }) {
       title
       slug
       content
@@ -33,4 +40,4 @@ export const query = graphql`
   }
 `
 
-export default PostDefault;
+export default PostDefault