Size down font sizes on mobile

Recommendation for desktop legibility is 21px, mobile 17/18px
sangsatori · Dec 3, 2022 · d8ad98a · d8ad98a
1 parent f46aa54
commit d8ad98a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/static/style.css b/static/style.css
@@ -144,7 +144,7 @@ strong {
 .selling-point {
   max-width: 50%;
   box-sizing: border-box;
-  font-size: 1.20rem;
+  font-size: 1.25rem;
   padding: 1rem 1.5rem;
 }
 
@@ -157,3 +157,11 @@ strong {
 .selling-point h2 {
   font-weight: bold;
 }
+
+/* shrink font sizes on mobile */
+@media only screen and (max-width: 768px) {
+  body { font-size: 1.125rem }
+  h1 { font-size: 1.75rem }
+  h2 { font-size: 1.5rem }
+  code { font-size: 1rem; padding: 0.125rem 0.25rem }
+}