refactor templating; wider container for flat pages

1 files changed, 8 insertions, 1 deletions

diff --git a/static/main.css b/static/main.css
index 6db37b9..205cdc2 100644
--- a/static/main.css
+++ b/static/main.css
@@ -23,13 +23,16 @@ a {
 }
 
 .container {
-    max-width: 500px;
+    --width: 500px;
+    max-width: var(--width);
     margin: 5rem auto;
     @media screen and (max-width: 787px) {
         padding: 1rem;
     }
 }
 
+.container.wider { --width: 600px }
+
 .page {
     font-size: 1.25rem;
     line-height: 2;
@@ -65,6 +68,10 @@ a {
         border: 2px dashed var(--decorative-color);
         margin: 1rem 0;
     }
+
+    img {
+        max-width: 100%
+    }
 }
 
 .prose-container {