fix: harden mobile pull quote layout

2026-06-27 20:01:02 -05:00
parent 7c3c09855d
commit aaa9d28a79
6 changed files with 71 additions and 7 deletions
@@ -53,7 +53,7 @@
    .pull-quote {
        background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, white);
        border-bottom: 0;
-        height: calc(89.8vw - 1px);
+        min-height: calc(89.8vw - 1px);
    }

    .pull-quote::after {
@@ -86,7 +86,8 @@
    .pull-quote .pull-quote__content {
        align-items: center;
        display: flex;
-        height: calc(100% - 1rem);
+        margin-bottom: 1rem;
+        min-height: calc(89.8vw - 1rem - 1px);
        padding: 2.5rem 2rem;
    }

@@ -96,3 +97,9 @@
        width: 100%;
    }
 }
+
+@media (max-width: 360px) {
+    .pull-quote .pull-quote__content {
+        padding-block: 0.9375rem;
+    }
+}