footer + blog post

src/pages/about.js

@@ -1,14 +1,19 @@
 import * as React from "react"
 import Header from "../components/header"
+import Footer from "../components/footer"
 
 
 const AboutPage = () => {
   return (
     <main>
-      <Header></Header>
-      <h1 className="text-3xl font-bold">
-        About page
-      </h1>
+      <Header />
+      <div className="mx-auto max-w-screen-xl">
+        <div className="ml-7 mt-6 justify-between">
+          <h1>About page</h1>
+          <p>Info about me</p>
+        </div>
+      </div>
+      <Footer />
     </main>
   )
 }

src/pages/index.js

@@ -1,7 +1,7 @@
 import * as React from "react"
 // import { Link } from 'gatsby'
-import Footer from "../components/footer"
 import Header from "../components/header"
+import Footer from "../components/footer"
 
 const IndexPage = () => {
   return (