alexkarle.com

commit 7374c2a0ed61300e9b7190ff07f36531686a6365 (patch)
parent b9e17e28bd118493b1dc9306cedfb28e4de02d58
Author: Alex Karle <alex@alexkarle.com>
Date:   Sun, 25 Apr 2021 14:52:56 -0400

style: Reduce font size on small screens (mobile)

Experimenting with font sizes. I think this will aid readability on
mobile (old font was a TAD too large).

Diffstat:
M
style.css
 | 
5
+++++

1 file changed, 5 insertions(+), 0 deletions(-)
diff --git a/style.css b/style.css
@@ -39,6 +39,11 @@ b,i { color: #000000 }
   }
 }
 
+/* Smaller font on small screens */
+@media only screen and (max-width: 599px) {
+  body { font-size: 1.1em; }
+}
+
 /* margins around head/foot */
 table.foot { margin-top: 3em; }
 table.head { margin-bottom: 3em; }