diff --git a/src/img/adaLovelace.jpg b/src/img/adaLovelace.jpg new file mode 100644 index 0000000..e27c5fb Binary files /dev/null and b/src/img/adaLovelace.jpg differ diff --git a/src/views/Nav/Nav.css b/src/views/Nav/Nav.css index e91b8fd..1740a14 100644 --- a/src/views/Nav/Nav.css +++ b/src/views/Nav/Nav.css @@ -1,3 +1,10 @@ +.brandHeader { + display: flex; + justify-content: space-around; + width: 280px; + margin: 0px auto; +} + .Nav{ height: 40px; background-color: #2185d0; @@ -9,4 +16,9 @@ display: inline-block; margin: 10px auto 0px auto; font-size: 24px; +} + +.logo { + width: 36px; + border-radius: 100%; } \ No newline at end of file diff --git a/src/views/Nav/Nav.js b/src/views/Nav/Nav.js index d5b4782..4e36125 100644 --- a/src/views/Nav/Nav.js +++ b/src/views/Nav/Nav.js @@ -1,11 +1,14 @@ import React, { Component } from 'react' import './Nav.css' +import adaLovelaceLogo from '../../img/adaLovelace.jpg' class Nav extends Component { render = () => { return (