diff options
author | Andre Quatmann <andre@qtmn.de> | 2020-04-27 11:46:57 +0300 |
---|---|---|
committer | Andre Quatmann <andre@qtmn.de> | 2020-04-27 11:46:57 +0300 |
commit | af2a1ddab15b97da8b3af1a8953d25a10e1376cd (patch) | |
tree | 55fc6bcdbf8a5fcaa23a52392915f0a7d09fe9a6 | |
parent | a62b1b3f692fd729c6c231a08608f1f30329a28b (diff) |
styling changes for certifications
-rw-r--r-- | assets/css/style.css | 16 | ||||
-rw-r--r-- | 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> |