From 12de366f3a47083fb7085a48507083ef3a5362fb Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Wed, 19 Aug 2026 23:18:09 +0200
Subject: [PATCH] Make headings smaller on mobile

---
 src/back/jdd-components/heading/heading.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/back/jdd-components/heading/heading.css b/src/back/jdd-components/heading/heading.css
index 0156d4c..e73a627 100644
--- a/src/back/jdd-components/heading/heading.css
+++ b/src/back/jdd-components/heading/heading.css
@@ -12,18 +12,34 @@
 
 	&.heading--font-size-small > * {
 		font-size: 24px;
+
+		@container (max-width: 600px) {
+			font-size: 22px;
+		}
 	}
 
 	&.heading--font-size-medium > * {
 		font-size: 32px;
+
+		@container (max-width: 600px) {
+			font-size: 24px;
+		}
 	}
 
 	&.heading--font-size-large > * {
 		font-size: 48px;
+
+		@container (max-width: 600px) {
+			font-size: 32px;
+		}
 	}
 
 	&.heading--font-size-extra_large > * {
 		font-size: 64px;
+
+		@container (max-width: 600px) {
+			font-size: 56px;
+		}
 	}
 
 	&.heading--align-left {