Adjust hero responsive positioning

Author: soareschen

src/pages/index.module.css

@@ -27,6 +27,7 @@
   display: block;
   margin: 1em 0 auto 1.5rem;
   float: right;
+  width: 300px;
 }
 
 .heroTitleTextHtml {
@@ -119,17 +120,18 @@
 
 /* Responsive adjustments */
 @media screen and (max-width: 996px) {
-  .hero {
-    padding: 2rem 1rem;
+  .heroInner {
+    padding: 0.5rem 1rem;
   }
 
   .heroProjectTagline {
     font-size: 2rem;
   }
 
   .heroLogo {
-    width: 150px;
-    height: 150px;
+    width: 200px;
+    float: none;
+    margin: 0 auto;
   }
 
   .section {

src/pages/index.tsx

@@ -18,8 +18,6 @@ function HeroBanner() {
           alt="Context-Generic Programming"
           className={styles.heroLogo}
           src={useBaseUrl('/img/cgp-hero.png')}
-          width="300"
-          height="300"
         />
         <div className={styles.heroInner}>
           <Heading as="h1" className={styles.heroProjectTagline}>