From 08392092d5de2a86fc669085b226369043ca0fbd Mon Sep 17 00:00:00 2001 From: Kuba Orlik Date: Thu, 1 Jan 2026 21:15:50 +0100 Subject: [PATCH] Smaller headings on mobile --- src/main.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/src/main.css b/src/main.css index 75a0e91..b78685e 100644 --- a/src/main.css +++ b/src/main.css @@ -66,3 +66,35 @@ h6 { text-wrap: pretty; text-wrap: balance; } + +h1 { + font-size: 2em; + + @container (max-width: 450px) { + font-size: 1.6em; + } +} + +h2 { + font-size: 1.5em; + + @container (max-width: 450px) { + font-size: 1.3em; + } +} + +h3 { + font-size: 1.17em; + + @container (max-width: 450px) { + font-size: 1.1em; + } +} + +h4 { + font-size: 1.17em; + + @container (max-width: 450px) { + font-size: 1.05em; + } +}