src/components/Base/index.tsx

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

src/components/Header/styles.scss

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

src/pages/index.tsx

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