Increase font size on narrow screens

Improves readability on mobile devices.
avrdudes · Jun 9, 2024 · b7806da · b7806da
1 parent 0a444f3
commit b7806da
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/docs/style.css b/docs/style.css
@@ -31,9 +31,14 @@ a:hover {
 .toplogo { display: none; }
 .row .col .logo   { flex: 1 1 100%; }
 
-/* For narrow screens (mobile devices), put logo on top instead. */
+/* For narrow screens (mobile devices), put logo on top instead,
+   and increase font size. */
 @media screen and (max-width : 1000px){
     .row [class*="logo"] { display: none; }
     .toplogo { display: block; }
     .row [class*="col"] { width: 100%; padding: 0  0.6rem; }
+
+    body {
+        font-size: 20pt;
+    }
 }