From 0ca1a7e97433517b473e1026575953c1219de0ca Mon Sep 17 00:00:00 2001
From: Mike Frysinger <vapier@gmail.com>
Date: Tue, 11 Aug 2026 01:23:46 +0545
Subject: [PATCH] homepage: scale the main text better as the display shrinks

---
 style.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

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%;
+}
+}
-- 
2.47.3