diff --git a/README.md b/README.md index 818b931..98f6fa5 100644 --- a/README.md +++ b/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/) diff --git a/src/components/Header.scss b/src/components/Header.scss index cc0a674..648dea8 100644 --- a/src/components/Header.scss +++ b/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 {