From af2a1ddab15b97da8b3af1a8953d25a10e1376cd Mon Sep 17 00:00:00 2001
From: Andre Quatmann <andre@qtmn.de>
Date: Mon, 27 Apr 2020 10:46:57 +0200
Subject: styling changes for certifications

---
 assets/css/style.css | 16 ++++++++++++++--
 layouts/index.html   |  9 +++++----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index ede028c..02e1ce6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1268,6 +1268,10 @@ ul.experience-chart h4 {
 .certification-img {
   width: 100px;
   margin: auto;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
 }
 
 .certifications-icon img {
@@ -1275,16 +1279,24 @@ ul.experience-chart h4 {
 }
 
 .certification-label {
-  position: absolute;
   left: 0;
   right: 0;
-  top: 100px;
   text-align: center;
   font-weight: 700;
   letter-spacing: -0.5px;
   font-size: 19px;
 }
 
+.certifications h4 {
+  font-size: 19px;
+  margin-top: 0;
+  margin-bottom: 4px;
+  text-align: center;
+  font-weight: 700;
+  letter-spacing: -0.5px;
+  color: #4d4d4d;
+}
+
 /*--------------------------------
  End Certifications
 ----------------------------------*/
diff --git a/layouts/index.html b/layouts/index.html
index b6e90dc..50d930e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -337,11 +337,12 @@
           </div>
           <div class="row">
             {{ range .certification_list }}
-            <div class="col-lg-4 col-sm-4 col-12 certifications-icon">
-              <div class="certification-img">
-                <img class="img-fluid" src="{{ .image | absURL }}" alt="{{ .name | markdownify }}">
+            <div class="col-lg-3 col-sm-3 col-12">
+              <div class="certification-label">
+                <img class="certification-img img-fluid" src="{{ .image | absURL }}" alt="{{ .name | markdownify }}">
+                <h4 style="margin-top:10px">{{ .name | markdownify }}</h4>
               </div>
-              <div class="certification-label">{{ .name | markdownify }}</div>
+              <!--<div class="certification-label">{{ .name | markdownify }}</div>-->
             </div>
             {{ end }}
           </div>
-- 
cgit v1.2.3