Implement some front page styles

src/components/Header/Header.scss

@@ -1,5 +1,9 @@
 .header {
   display: flex;
-  flex-flow: column nowrap;
+  flex-flow: row nowrap;
   align-items: center;
+
+  img {
+    max-width: 200px;
+  }
 }

src/components/Header/Header.tsx

@@ -1,6 +1,8 @@
 import * as React from "react";
 import "./Header.scss";
 import Navigation from "../Navigation";
+// @ts-ignore
+import * as TitleImage from "../../assets/img/SIK_RGB_W_side.png";
 
 export interface HeaderProps {}
 export interface HeaderState {}
@@ -9,7 +11,7 @@ class Header extends React.Component<HeaderProps, HeaderState> {
   render() {
     return (
       <div className="header">
-        <h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
+        <img src={TitleImage} />
         <Navigation />
       </div>
     );

src/components/Navigation/Navigation.scss

@@ -5,8 +5,9 @@ $border-width: 2px;
   width: 100%;
   display: flex;
   flex-flow: row nowrap;
-  justify-content: center;
+  justify-content: flex-start;
-  margin-bottom: 3rem;
+  align-items: center;
+  font-size: 12px;
 
   &__item {
     padding: 0.8rem 2rem;

src/index.scss

@@ -8,7 +8,6 @@ body {
   height: 100%;
   font-family: $font;
   color: $white;
-  text-align: center;
   overflow: auto;
 }
 
@@ -18,8 +17,7 @@ body {
 }
 
 body {
-  max-width: 1200px;
+  padding: 0 1rem;
-  padding: 0 0.5rem;
   margin: auto !important;
 }
 

src/pages/FrontPage/FrontPage.scss

@@ -1,5 +1,5 @@
 .front-page {
   display: flex;
   flex-flow: row wrap;
-  justify-content: center;
+  justify-content: flex-start;
 }