From 4e77f33786f138c5833a2190345ad58f9744ed2a Mon Sep 17 00:00:00 2001
From: ray <git@gabbaell.co.uk>
Date: Sun, 16 Feb 2020 17:54:54 +0000
Subject: [PATCH] add css class for medium sized images

limits the size of images within a figure elementt to 30em.
---
 content/posts/stanthams.md | 8 ++++++++
 static/css/custom.css      | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/content/posts/stanthams.md b/content/posts/stanthams.md
index ce2e798..67d5843 100644
--- a/content/posts/stanthams.md
+++ b/content/posts/stanthams.md
@@ -58,6 +58,14 @@ In these cases a site builder may be the best option.
 
 As there were some minor customisations required that were not possible through the theme's interface, a child theme was created.
 
+{{<
+figure
+src="/images/stanthams/large-5.jpg"
+alt=""
+class="medium"
+caption=""
+>}}
+
 ## The Plugins
 
 The main plugin used was [Elementor](https://elementor.com/).
diff --git a/static/css/custom.css b/static/css/custom.css
index e83fe17..bd2f10d 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -16,6 +16,11 @@ body.colorscheme-light .avatar img {
   height: 100%;
 }
 
+.content figure.medium > img {
+  max-width: 30em;
+  width: 100%;
+}
+
 /*
 * icons
 */