diff options
| -rw-r--r-- | index.html | 7 |
1 files changed, 4 insertions, 3 deletions
@@ -175,9 +175,10 @@ .contact-msg{font-family:var(--mono); font-weight:400; font-size:17px; line-height:1.5; color:#fff; max-width:42ch; margin:0 0 26px} .contact-msg em{font-style:normal; color:var(--amber); font-weight:600} .contact-links{display:grid; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-bottom:24px} - .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px} - .field{display:flex; flex-direction:column; gap:6px} + .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; width:100%} + .field{display:flex; flex-direction:column; gap:6px; min-width:0} .field.full{grid-column:1/-1} + .field input, .field textarea{width:100%; min-width:0} .field label{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)} .field input, .field textarea{ font-family:var(--mono); font-size:13px; color:var(--text); @@ -206,6 +207,7 @@ /* ---------- RESPONSIVE ---------- */ @media (max-width:880px){ + .form-grid{grid-template-columns:1fr} .shell{grid-template-columns:1fr; gap:0; padding:0 22px} .col-side{position:static; top:auto; padding-top:28px; padding-bottom:8px; border-bottom:1px solid var(--rule); margin-bottom:8px} .stat-grid{grid-template-columns:1fr 1fr} @@ -666,4 +668,3 @@ </script> </body> </html> - |