add github icon

Author: carloluis

src/assets/github-icon.png

@@ -1,10 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Cards from '../cards/Cards';
+import GitHub from '../github/GitHub';
 import styles from './App.scss';
 
 const App = ({ title }) => (
     <div className={styles.container}>
+        <GitHub />
         <h1>{title}</h1>
         <Cards />
     </div>

src/components/app/App.jsx

@@ -12,7 +12,6 @@ $screensize-range: 1020;
     margin: 0 auto;
 
     & > h1 {
-        text-align: center;
         @include responsive-font($min-fontsize, $fontsize-range, $min-screensize, $screensize-range);
         background: $darkblue;
         color: $somegray;

src/components/app/App.scss

@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './Github.scss';
+
+const GitHub = () => (
+    <a className={styles.github} href="https://github.com/carloluis/webpack-demo" />
+);
+
+export default GitHub;

src/components/github/Github.jsx

@@ -0,0 +1,11 @@
+@import '~styles/palette.scss';
+
+.github {
+    background: url(../../assets/github-icon.png) no-repeat center/100%;
+    display: inline-block;
+    position: fixed;
+    top: -4px;
+    right: -4px;
+    width: 64px;
+    height: 64px;
+}

src/components/github/Github.scss

@@ -4,6 +4,7 @@ body {
     background: $darkblue;
     color: $somegray;
     font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
 }
 
 .sample-rule {