add links to footer

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>
 )
 

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;
+  }
 }