michal-sapka-me

commit 7e5f7bb3391ef263d48b9e0850e442b08657f8bd
parent ea28f0f0b30dce115d01a2aed5d618e414336f1d
Author: Michał M. Sapka <michal@sapka.me>
Date:   Thu,  2 Mar 2023 16:07:03 +0100

fix: shring images on phones

Diffstat:
M
layouts/shortcodes/img-center.html
 | 
1
+
M
static/style.css
 | 
4
++++

2 files changed, 5 insertions(+), 0 deletions(-)
diff --git a/layouts/shortcodes/img-center.html b/layouts/shortcodes/img-center.html
@@ -8,6 +8,7 @@
 <center>
 <figure>
   <img 
+    class="center"
     alt="{{ $caption }}" 
     src="{{ $img1x.RelPermalink }}" 
     srcset="
diff --git a/static/style.css b/static/style.css
@@ -193,6 +193,10 @@ img.float-right {
   display: inline;
   margin-left: 10px;
 }
+img.center {
+  max-width: 100%;
+  height: auto;
+}
 
 /* ----------- Articles adjustement navigation */
 .next-link {