Added footer styles via footer-text

app/src/components/layout.js

@@ -30,7 +30,7 @@ const Layout = ({ children }) => {
       <Header siteTitle={data.site.siteMetadata.title} />
       <Container fluid>
         <main>{children}</main>
-        <footer>
+        <footer class ="footer-text">
           © {new Date().getFullYear()}, Built with
           {` `}
           <a href="https://www.gatsbyjs.org">Gatsby</a>

app/src/styles/global.css

@@ -1,3 +1,7 @@
 .custom-header{
     position: fixed;
 }
+.footer-text {
+    text-align:center;
+    padding-bottom:1 rem;
+}