From 067a8b772f83ffe78b277f1206cbe0121418f3b6 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Wed, 15 May 2019 13:57:38 +0200
Subject: [PATCH] add links to footer

---
 src/components/Footer.js |  6 ++++++
 src/css/footer.scss      | 19 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 9373cad..3bd71a0 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -78,6 +78,12 @@ const Footer = () => (
         </a>
       </nav>
     </div>
+    <div class="footer-links">
+      <a href="#">Praktisk info</a>
+      <a href="#">Kontakt</a>
+      <a href="#">Sponsorer</a>
+      <a href="#">Personvern</a>
+    </div>
   </footer>
 )
 
diff --git a/src/css/footer.scss b/src/css/footer.scss
index 441a9b0..fd75750 100644
--- a/src/css/footer.scss
+++ b/src/css/footer.scss
@@ -2,7 +2,7 @@
   background: $color-black;
   color: $color-white;
   font-size: $font-s;
-  padding: 3rem 2rem 2rem;
+  padding: 3rem 2rem 1rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -58,4 +58,21 @@
       fill: $color-orange;
     }
   }
+}
+
+.footer-links {
+  a {
+    color: $color-white;
+    display: inline-block;
+    margin: 0 0.5rem;
+    &:hover {
+      color: $color-orange;
+    }
+  }
+}
+
+@media (max-width: $media-s) {
+  .social-nav {
+    padding: 0;
+  }
 }
\ No newline at end of file