fixed hero

Author: AmoDinho

src/components/landing/hero.js

@@ -11,8 +11,14 @@ const Hero = () => (
     <div className="flex lg:flex-row s:flex-col text-left">
       <div className="p-10 mr-10">
         <img src={HeroImage} alt="hero " className="lg:hidden mb-10 " />
-
-        <HeadingOne className="mb-10 text-3xl font-extrabold">
+        <div>
+          <img
+            src={HeroImage}
+            alt="hero"
+            className="s:hidden lg:block mt-20 w-1/5"
+          />
+        </div>
+        <HeadingOne className="mb-10 text-3xl font-extrabold ">
           Build a fullstack app that books vacations to the moon
         </HeadingOne>
 
@@ -41,13 +47,6 @@ const Hero = () => (
           </a>
         </RedOutlineButton>
       </div>
-      <div>
-        <img
-          src={HeroImage}
-          alt="hero"
-          className="s:hidden lg:block mt-20 w-full"
-        />
-      </div>
     </div>
   </>
 )