fix home seo

src/components/Base/index.tsx

@@ -5,14 +5,15 @@ 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>
-        <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 = () => {
-  <SEO title="Home" 
+  return (
-    children="" 
+    <SEO title="Home" 
-    description=""
+      children="" 
-  />
+      description=""
+    />
+  )
 }
 
 export const pageQuery = graphql`