From 34f42267de6dce26b75135d21bc0eb32489ac438 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 1 Nov 2021 16:55:01 +0100
Subject: chore: reduce width of static page content

Pages like legal notice should not exceed 80characters to improve
readability.
---
 src/scss/layout/_main.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'src/scss')

diff --git a/src/scss/layout/_main.scss b/src/scss/layout/_main.scss
index 8ab842b..5076e0a 100644
--- a/src/scss/layout/_main.scss
+++ b/src/scss/layout/_main.scss
@@ -24,6 +24,8 @@
 .instructions,
 noscript {
   background: fun.get-var(color-bg);
+  margin: 0 auto;
+  max-width: 80ch;
   padding: fun.get-var(spacing-md);
   text-align: center;
 
@@ -34,6 +36,13 @@ noscript {
   }
 }
 
+.instructions,
+.legal-notice {
+  > * {
+    max-width: 80ch;
+  }
+}
+
 .instructions {
   align-items: center;
   display: flex;
@@ -53,6 +62,10 @@ noscript {
       grid-column: 1 / -1;
     }
   }
+
+  iframe {
+    max-width: 100%;
+  }
 }
 
 .project-preview {
-- 
cgit v1.2.3