From a3ed5426c542eb7bb4e190f4396107dfb5bd1eb9 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Thu, 6 Dec 2018 00:02:33 +0200
Subject: [PATCH] fix #3 create a separate counter component

---
 src/components/Header.js  | 17 ++++++++++-------
 src/stylesheets/style.css |  3 ++-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 4695787..435f8c4 100644
--- a/src/components/Header.js
+++ b/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>
-          <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
-        </header>
+          <h1>An archive of resistance</h1>
+        </section>
+      );
+    }
+    const Counter = () => {
+      return (
+        <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
       );
     }
     return (
       <header>
-        <section className="container">
-          <Logo/>
-        </section>
+        <Logo/>
+        <Counter/>
       </header>
     )
   }
diff --git a/src/stylesheets/style.css b/src/stylesheets/style.css
index ee21208..d42a669 100644
--- a/src/stylesheets/style.css
+++ b/src/stylesheets/style.css
@@ -61,4 +61,5 @@ header {
     top: 0;
     padding: 2em;
 }
-/* search */
\ No newline at end of file
+/* search */
+