Make font responsive bigger for most mobile devices at 320px

2026-08-18 13:52:20 +00:00 · 2018-03-24 05:47:27 +05:30
parent 55fc16788f
commit e59b55a53a
1 changed files with 8 additions and 2 deletions
@@ -32,11 +32,17 @@

@media screen and (min-width: 321px) and (max-width: 425px) {
  .App {
-    font-size: 0.45em;
+    font-size: 0.5em;
  }
 }

-@media screen and (max-width: 320px) {
+@media screen and (min-width: 241px) and (max-width: 320px) {
+  .App {
+    font-size: 0.4em;
+  }
+}
+
+@media screen and (max-width: 240px) {
  .App {
    font-size: 0.3em;
  }