reduce font size for smaller screens

1 year ago · d31614cb71
parent a38077b4be
commit d31614cb71
1 changed files with 12 additions and 1 deletions
--- a/tournaments/static/tournaments/css/style.css
+++ b/tournaments/static/tournaments/css/style.css
@ -28,6 +28,12 @@ body {
    margin: 0px 0px 100px 0px;
 }

+@media screen and (max-width: 40em) {
+    body {
+        font-size: 0.8em;
+    }
+}
+
 label {
    color: #707070;
    font-size: 1.1em;
@ -196,7 +202,12 @@ tr {
 .large {
    font-family: "Montserrat-SemiBold";
    font-size: 1.2em;
-    /* color: #707070; */
+}
+
+@media screen and (max-width: 40em) {
+    .large {
+        font-size: 0.9em;
+    }
 }

 .semibold {