diff --git a/src/img/faq.svg b/src/img/faq.svg
new file mode 100644
index 0000000..736c2f6
--- /dev/null
+++ b/src/img/faq.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/img/information.svg b/src/img/information.svg
new file mode 100644
index 0000000..49cc7cf
--- /dev/null
+++ b/src/img/information.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/img/sponsor.svg b/src/img/sponsor.svg
new file mode 100644
index 0000000..50470c3
--- /dev/null
+++ b/src/img/sponsor.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/views/Nav/Nav.css b/src/views/Nav/Nav.css
index 9fae49d..2f22c0f 100644
--- a/src/views/Nav/Nav.css
+++ b/src/views/Nav/Nav.css
@@ -7,7 +7,9 @@
.documentationLink{
color: white;
- display: block;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
font-size: 18px;
padding: 10px 16px;
width: 140px;
@@ -18,6 +20,11 @@
background-color: white;
}
+
+.documentationLink img {
+ width: 36px;
+}
+
.Nav{
height: 40px;
background-color: #2185d0;
@@ -55,7 +62,6 @@
background-color: rgb(255, 171, 75);
}
-
.sponsorLink img {
width: 36px;
}
\ No newline at end of file
diff --git a/src/views/Nav/Nav.js b/src/views/Nav/Nav.js
index d4a4fb8..5885628 100644
--- a/src/views/Nav/Nav.js
+++ b/src/views/Nav/Nav.js
@@ -1,18 +1,19 @@
import React, { Component } from 'react'
import './Nav.css'
-import octocat from '../../img/octocat.svg'
+import sponsorIcon from '../../img/sponsor.svg'
+import guideIcon from '../../img/faq.svg'
import adaLovelaceLogo from '../../img/adaLovelace.jpg'
class Nav extends Component {
render = () => {
return (
)
}