From 80901ca650d6b9aa92a1ce15f792131a8235d9e4 Mon Sep 17 00:00:00 2001
From: Yannick <yannick.frisart@outlook.com>
Date: Sat, 7 Jan 2017 02:31:25 +0100
Subject: [PATCH] Corredted Times and z-index

- Made Times closer to the real amount
- Added z-index to hours spent to prevent overlapping
---
 css/style.css | 3 +++
 index.html    | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7a4f5a9..1dac996 100644
--- a/css/style.css
+++ b/css/style.css
@@ -154,14 +154,17 @@ h2{
 
 [data-info="css3"]{
   left: 200px;
+  z-index: 999;
 }
 
 [data-info="html5"]{
   left: 400px;
+  z-index: 999;
 }
 
 [data-info="js"]{
   left: 0px;
+  z-index: 999;
 }
 
 .portfolio-item3{
diff --git a/index.html b/index.html
index 2393828..5e2b5d9 100644
--- a/index.html
+++ b/index.html
@@ -57,19 +57,19 @@ <h2 data-info="timeSpent">Tijd per week buiten school:</h2>
         <div class="css-hours">
           <p data-info="css-hours">
             css:<br>
-            <span class="hours-spent">3 uur</span>
+            <span class="hours-spent">~4 uur</span>
           </p>
         </div>
         <div class="html-hours">
           <p data-info="html-hours">
            html:<br>
-           <span class="hours-spent">3 uur</span>
+           <span class="hours-spent">~3 uur</span>
           </p>
         </div>
         <div class="js-hours">
           <p data-info="js-hours">
            Javascript:<br>
-           <span class="hours-spent">4 uur</span>
+           <span class="hours-spent">~5 uur</span>
           </p>
         </div>
       </div>