fix #3 create a separate counter component

src/components/Header.js

@@ -6,20 +6,23 @@ class Header extends React.Component {
   render() {
     const Logo = () => {
       return (
-        <header>
+        <section className="logo-container">
           <img className="site-logo" src={require('../assets/images/logo.png')} alt="logo 858 "/>
           <br/>
           <img className="site-logo" src={require('../assets/images/byline.ar.png')} alt="logo 858 "/>
-          <h1 >An archive of resistance</h1>
+          <h1>An archive of resistance</h1>
+        </section>
+      );
+    }
+    const Counter = () => {
+      return (
         <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
-        </header>
       );
     }
     return (
       <header>
-        <section className="container">
         <Logo/>
-        </section>
+        <Counter/>
       </header>
     )
   }

src/stylesheets/style.css

@@ -62,3 +62,4 @@ header {
     padding: 2em;
 }
 /* search */
+