Updated Navigation to fit better

Unordered List was removed to create better nav ui

src/components/Navigation.js

@@ -2,34 +2,24 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import './css/Navigation.css';
 
-function App() {
+const Navigation = (props) => {
   return (
     <div className="Navigation">
-      <ul>
-        <li>
       <Link to="/">
         Home
       </Link>
-        </li>
-        <li>
       <Link to="/about">
         About Me
       </Link>
-        </li>
-        <li>
       <Link to="/github">
         Github Repos
       </Link>
-        </li>
-        <li>
       <Link to="/youtube">
         Youtube Videos
       </Link>
-        </li>
-        
-      </ul>
     </div>
   );
 }
 
-export default App;
+
+export default Navigation;

src/components/css/Navigation.css

@@ -9,14 +9,7 @@
     padding:0;
 }
 
-.Navigation ul {
-    display: flex;
-    flex-direction: row;
-    list-style-type: none;
-    padding:0;
-}
-
-.Navigation li a {
+.Navigation a {
     color: white;
     padding:10px;
 }