From d31614cb71266638f3731d304460483559cc6a43 Mon Sep 17 00:00:00 2001 From: Laurent Date: Sat, 12 Oct 2024 17:27:34 +0200 Subject: [PATCH] reduce font size for smaller screens --- tournaments/static/tournaments/css/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css index 9249d31..7a08d87 100644 --- 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 {