work on header

StillLearnin · Jan 31, 2016 · 052da3b · 052da3b
1 parent 3185d28
commit 052da3b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/index.css b/index.css
@@ -46,6 +46,16 @@ header, footer {
     border: 1px solid #eebb55;
 }
 
+header {
+    display: -webkit-flex;
+    display:         flex;
+    justify-content: space-between;
+}
+
+header > img {
+    height: 100px;
+}
+
 footer label {
     padding: 5px;
 }

diff --git a/index.html b/index.html
@@ -9,7 +9,11 @@
     <body>
         <script src="chessground.js"></script>
         <script src="chess.min.js"></script>
-        <header>header</header>
+        <header>
+            <img src="assets/images/pieces/merida/wR.svg"></img>
+            <div>Turn-By-Turn Chessboard</div>
+            <img src="assets/images/pieces/merida/wR.svg"></img>
+        </header>
         <div id='main'>
             <div class="board-container">
                 <div class="chessground normal wood staunton coordinates"