src/App.js

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import { Provider } from 'react-redux';
-import logo from './logo.svg';
 import './App.css';
 import { Route } from 'react-router-dom';
 import Home from './containers/Home';

src/styleSheets/style.css

@@ -0,0 +1,4 @@
+.site-logo{
+    max-width: 300px;
+}
+

src/subComponents/Header.js

@@ -1,9 +1,24 @@
 import React from 'react';
+import logo from '../logo.png';
+import '../styleSheets/style.css'
+
 class Header extends React.Component {
   render() {
+    const Logo = () => {
       return (
-   'hello! header'
+        <nav>
+          <img className="site-logo" src={logo} alt="logo 858 "/>
+        </nav>
+      );
+    }
+    return (
+      <header>
+        <section className="container">
+          <Logo/>
+        </section>
+      </header>
     )
   }
 }
+
 export default (Header);