Fixed mobile formatting for hero-by line

2026-03-21 13:24:13 +00:00
parent 6f313c8d49
commit 2100334f1f
2 changed files with 22 additions and 2 deletions
--- a/style.css
+++ b/style.css
@@ -1052,6 +1052,28 @@ footer a:hover {
        font-size: clamp(2.8rem, 12vw, 5rem);
    }

+    .hero-by-line {
+        align-items: flex-start;
+        flex-wrap: wrap;
+        gap: 0.35rem;
+        margin-bottom: 0.45rem;
+    }
+
+    .hero-by-line:last-child {
+        margin-bottom: 0;
+    }
+
+    .hero-by {
+        font-size: 0.86rem;
+        line-height: 1.5;
+    }
+
+    .hero-by-role {
+        font-size: 0.8rem;
+        line-height: 1.5;
+        opacity: 0.75;
+    }
+
    footer {
        flex-direction: column;
        gap: 0.5rem;