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>
-          <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
+        </section>
-        </header>
+      );
+    }
+    const Counter = () => {
+      return (
+        <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
       );
     }
     return (
       <header>
-        <section className="container">
+        <Logo/>
-          <Logo/>
+        <Counter/>
-        </section>
       </header>
     )
   }

src/stylesheets/style.css

@@ -61,4 +61,5 @@ header {
     top: 0;
     padding: 2em;
 }
-/* search */
+/* search */
+