fix(layout): centered layout with responsive principles applied

src/components/Footer/index.tsx

@@ -6,9 +6,12 @@ export function Footer() {
   return (
     <SC.FooterWrapper>
       <Container>
-        © {new Date().getFullYear()}, Built with
-        {` `}
-        <a href="https://www.gatsbyjs.org">Gatsby</a>
+        <p>
+          © {new Date().getFullYear()}, Built with
+          {` `}
+          <a href="https://www.gatsbyjs.org">Gatsby</a>
+        </p>
+
       </Container>
     </SC.FooterWrapper>
   )

src/components/Footer/styles.tsx

@@ -1,4 +1,8 @@
 import { Link } from "gatsby"
 import styled from "styled-components"
 
-export const FooterWrapper = styled.footer``
+export const FooterWrapper = styled.footer`
+  & a {
+    display: inline;
+  }
+`