docs: fix home header alignment

Author: gabrieljablonski

docs/src/pages/index.module.css

@@ -12,6 +12,12 @@
   flex-direction: column;
 }
 
+.heroContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 .heroAds {
   padding-top: 2rem;
   min-height: 196px;

docs/src/pages/index.tsx

@@ -14,7 +14,7 @@ function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext()
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
-      <div className="container">
+      <div className={clsx('container', styles.heroContainer)}>
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__logo">
           <img src="img/logo.svg" alt="Happy face with a tooltip saying 'Hello I'm a tooltip'" />