Add limited media queries

diff --git a/themes/vexingworkshop/static/css/main.css b/themes/vexingworkshop/static/css/main.css
index 411a078703f3e086429b2ae1bea1dbda62d21996..a57881f3b9d97c224146c689925e488e6d61ea79 100644 (file)
--- a/themes/vexingworkshop/static/css/main.css
+++ b/themes/vexingworkshop/static/css/main.css
@@ -139,6 +139,24 @@ section#content img.banner {
   width: 700px;
 }
 
+@media (max-width: 400px) {
+  article img.image {
+    width: 240px;
+  }
+
+  article img.image-med {
+    width: 240px;
+  }
+
+  article img.image-lg {
+    width: 240px;
+  }
+
+  section#content img.banner {
+    width: 240px;
+  }
+}
+
 section#content article .entry-content {
   display: flex;
   flex-direction: column;