src/components/Base/index.tsx

@@ -5,16 +5,15 @@ 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 />
+      <div style={{ marginTop: '2rem' }}>
         <main>{children}</main>
       </div>
+    </div>
   </>
 );
 

src/components/Header/styles.scss

@@ -1,6 +1,5 @@
 .HeaderBlock {
-  padding-top: 15%;
+  padding-top: 1em;
-  margin-bottom: 4%;
 }
 
 .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=""
   />
-  )
 }
 
 export const pageQuery = graphql`