From a909a44cc4477b30dec8c5889d9c4d4e153058a0 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sun, 15 Oct 2023 17:32:14 +0200
Subject: Image thumbnail to 20rem

---
 assets/scss/style.scss     | 9 +++++++++
 layouts/partials/post.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index da1db94..e4c8ad0 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -136,6 +136,15 @@
   color: #fff !important;
   background-color: #79c753 !important;
 }
+// Extra sizes
+.mw-20 {
+  max-width: 20rem;
+}
+@media screen and (min-width: 30em) {
+  .mw-20-ns {
+    max-width: 20rem;
+  }
+}
 // HERO
 #hero {
   text-shadow: 2px 2px 3px black;
diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index fe24ad9..08583cb 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -17,7 +17,7 @@
             {{ else }}
               {{ $image.RelPermalink }}
             {{ end }}"
-            class="mw5-ns db center"
+            class="mw-20-ns db center"
           />
         </div>
       {{ end }}
-- 
cgit v1.2.3