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