From 8c1bf35b5ec3c350491eda0eb19521fe06e7d5dd Mon Sep 17 00:00:00 2001 From: bisco Date: Fri, 27 Mar 2026 17:48:23 +0100 Subject: [PATCH] added responsiveness on title --- style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/style.css b/style.css index 6ba5647..79a3e72 100644 --- a/style.css +++ b/style.css @@ -931,3 +931,21 @@ body.modal-open { width: 100%; } } + +@media (max-width: 768px) { + .hero__title { + max-width: 18ch; + font-size: clamp(2.1rem, 8vw, 4rem); + -webkit-text-stroke: 7px var(--sea-dark); + line-height: 1; + } +} + +@media (max-width: 480px) { + .hero__title { + max-width: 19ch; + font-size: clamp(1.85rem, 8.2vw, 3rem); + -webkit-text-stroke: 5px var(--sea-dark); + letter-spacing: -0.02em; + } +} \ No newline at end of file