camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated Navigation to fit better 

Unordered List was removed to create better nav ui
This commit is contained in:
Camerin 2021-09-15 15:46:55 -04:00
parent ee149b1d9c
commit 043943f6a1
2 changed files with 16 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Navigation.js
View File

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

9
src/components/css/Navigation.css
View File

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