From cd33e9b4a54267d3c21d034c03b258a1c70df47a Mon Sep 17 00:00:00 2001
From: Yasser Batas <yasser.batas@gmail.com>
Date: Fri, 19 Oct 2018 00:58:20 -0500
Subject: [PATCH] fix typos on "Welcom to Hackotobuurfest 2018!" title

- the title was written incorrectly and was updated
- has been added a CSS style for turning in two rows the title
---
 src/components/Hero/Hero.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Hero/Hero.js b/src/components/Hero/Hero.js
index fe49d08..a1a9721 100644
--- a/src/components/Hero/Hero.js
+++ b/src/components/Hero/Hero.js
@@ -10,7 +10,8 @@ const Hero = props => {
     <React.Fragment>
       <section className="hero">
         <h1>
-          Welcom to Hackotobuurfest 2018!
+          Welcome to
+          <span>Hacktoberfest 2018!</span>
         </h1>
         <button onClick={scrollToContent} aria-label="scroll">
           <FaArrowDown />
@@ -42,6 +43,10 @@ const Hero = props => {
           line-height: ${theme.hero.h1.lineHeight};
           text-remove-gap: both 0 "Open Sans";
 
+          span {
+            display: block;
+          }
+
           :global(strong) {
             position: relative;