limit content width

zxc-mrt1n-o4 · May 25, 2023 · 6938f49 · 6938f49
1 parent 3b9eea4
commit 6938f49
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -56,7 +56,8 @@ <h1>Defog Your Chromebook</h1>
       </a>
     </div>
 
-    <div style="height:170vh">
+    <div id="spacer" style="height: 30px;">
+      <script>document.getElementById("spacer").style.height = "170vh"</script>
     </div>
 
     <div class="description" id="instructions">

diff --git a/static/css/style.css b/static/css/style.css
@@ -44,7 +44,6 @@ body {
   padding: 12px;
   margin-top: 64px;
   z-index: 1;
-  width: 100%
 }
 #content h1 {
   margin-bottom: 4px;
@@ -66,7 +65,7 @@ body {
   align-items: center;
 }
 .description > * {
-  max-width: 80%;
+  max-width: min(80%, 800px);
 }
 .description p {
   font-size: 17px;
@@ -105,6 +104,8 @@ body {
 
 pre {
   font-family: monospace;
+  word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 button2 {