fix home seo

src/components/Base/index.tsx

@@ -5,15 +5,16 @@ import Header from '../Header';
 import './styles.scss';
 import '../../styles/code.scss';
 
+type baseType = {
+  children: React.ReactNode
+}
 
-const Base = ({ children }: any) => (
+const Base = ({ children }: baseType) => (
   <>
     <div className="ContainerMD">
       <Header />
-      <div style={{ marginTop: '2rem' }}>
       <main>{children}</main>
     </div>
-    </div>
   </>
 );
 

src/components/Header/styles.scss

@@ -1,5 +1,6 @@
 .HeaderBlock {
-  padding-top: 1em;
+  padding-top: 15%;
+  margin-bottom: 4%;
 }
 
 .LinkText {

src/pages/index.tsx

@@ -50,10 +50,12 @@ const IndexPage = (props: articleListType) => {
 export default IndexPage;
 
 export const Head = () => {
+  return (
     <SEO title="Home" 
       children="" 
       description=""
     />
+  )
 }
 
 export const pageQuery = graphql`