added responsiveness on title

2026-03-27 17:48:23 +01:00
parent 3174966132
commit 8c1bf35b5e
1 changed files with 18 additions and 0 deletions
--- 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;
+  }
+}