Merge pull request #3 from im-caelli/v1.0.3

Fix title in smaller screens

README.md

@@ -8,12 +8,12 @@ Picked up react and it's just nicer to practice learned things by making it abou
 
 ## Notes
 
-- Best viewed in md to lg sized screens
+- Best viewed in md to lg sized screens. (Min. 375px)
 - Feel free to report issues at: [Issues](https://github.com/im-caelli/kda-match/issues)
 - I'm on twitter: [im_caelli](https://twitter.com/im_caelli) 😊
 
 ## Assets / Resources / Credits
 
-- [KDA Fan Kit](https://twitter.com/KDA_MUSIC/status/1318537455830814720?s=20&t=k6vIhqxPKyvoVVJWNDyjIQ) / [KDA Fan Club](https://www.leagueoflegends.com/en-us/event/kda-official-fan-club/)
+- [KDA Fan Kit](https://twitter.com/KDA_MUSIC/status/1318537455830814720?s=20&t=k6vIhqxPKyvoVVJWNDyjIQ) | [KDA Fan Club](https://www.leagueoflegends.com/en-us/event/kda-official-fan-club/)
 - [KDA Font](https://www.reddit.com/r/leagueoflegends/comments/jjfs29/kda_font/) by Bryan Torres | [License](src/font/KDA-Font-License.txt)
 - [svgbackgrounds](https://www.svgbackgrounds.com/)

src/components/Header.scss

@@ -11,13 +11,20 @@
   }
 
   h1 {
-    font-size: 1rem;
+    width: 100px;
     padding: .5rem 1rem;
     margin: 0;
+    line-height: 1;
+    font-size: 2rem;
     font-weight: 900;
     text-transform: uppercase;
-    line-height: 1.5;
     color: $purple-text;
+
+    @media #{$sm-break} {
+      font-size: 1rem;
+      line-height: 1.5;
+      width: auto;
+    }
   }
 
   .nav {