fix: match mobile image text layout

2026-06-27 20:17:30 -05:00
parent 4969e4c9ce
commit 6263a98988
2 changed files with 104 additions and 0 deletions
@@ -0,0 +1,39 @@
+@media (max-width: 767px) {
+    .media-cols {
+        gap: 3rem;
+        grid-template-columns: minmax(0, 1fr);
+        padding: 5rem 0 0;
+        padding-inline: 0 !important;
+    }
+
+    .media-cols > div:first-child {
+        order: 2;
+    }
+
+    .media-cols > div:first-child img {
+        display: block;
+        height: auto;
+        width: 100%;
+    }
+
+    .media-cols .content-wrapper {
+        order: 1;
+        padding: 0;
+    }
+
+    .media-cols .content-wrapper .font-light {
+        font-size: 1rem;
+        line-height: 1.5;
+    }
+
+    .media-cols .content-wrapper .reset {
+        display: grid;
+        gap: 1.375rem;
+        grid-template-columns: minmax(0, 148fr) minmax(0, 124fr);
+        width: min(100%, 18.375rem);
+    }
+
+    .media-cols .content-wrapper .reset .button {
+        width: 100%;
+    }
+}