Use background-image for cover pic

3 years ago · 195b239754
parent 3118c5c803
commit 195b239754
1 changed files with 2 additions and 2 deletions
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@ -12,8 +12,8 @@
 </div>
 {{ end }}
 <div class="row py-3">
-    <div class="col text-center">
-      <img alt="Cover" class="rounded-4" src="{{ .Site.BaseURL }}cover.jpg" style="max-height: 20rem; max-width: 100%">
+    <div class="col">
+        <div class="rounded-4" style="background-image: url('{{ .Site.BaseURL }}cover.jpg'); background-position: center; background-size: cover; height: 20rem; width: 100%"></div>
    </div>
 </div>
 <div class="d-flex justify-content-center py-3 row">