From: Mike Frysinger <vapier@gmail.com>
Date: Mon, 10 Aug 2026 19:38:46 +0000 (+0545)
Subject: homepage: scale the main text better as the display shrinks
X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=0ca1a7e97433517b473e1026575953c1219de0ca;p=nano-editor.git

homepage: scale the main text better as the display shrinks
---

diff --git a/style.css b/style.css
index 3113baf..b6f28bc 100644
--- a/style.css
+++ b/style.css
@@ -142,10 +142,6 @@ blockquote {
 	margin: 1em 0 1em 0;
 }
 
-table#homepage {
-	font-size: x-small;
-}
-
 table#top td,
 div#bottom .indented {
 	padding-left: 0.5ch;
@@ -187,3 +183,20 @@ div#bottom span.menuitem {
 	line-height: 1.5em;
 }
 }
+
+/* These breaks depend on the current font-size which is 16px by default. */
+@media only screen and (max-width: 600px) {
+table#homepage {
+    font-size: x-small;
+}
+}
+@media only screen and (max-width: 500px) {
+table#homepage {
+    font-size: xx-small;
+}
+}
+@media only screen and (max-width: 400px) {
+table#homepage {
+    font-size: 60%;
+}
+}