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

40
src/components/Navigation.js
View File

@ -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>
<Link to="/">
Home
</Link>
<Link to="/about">
About Me
</Link>
<Link to="/github">
Github Repos
</Link>
<Link to="/youtube">
Youtube Videos
</Link>
</div>
);
}
export default App;
export default Navigation;

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

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