fix: allaisonme.com mobile view — constrain header and hero glow

This commit is contained in:
m
2026-03-30 15:23:57 +02:00
parent d141bdc8d0
commit 3b1f094f22

View File

@@ -38,6 +38,7 @@
line-height: 1.6; line-height: 1.6;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
overflow-x: hidden; overflow-x: hidden;
max-width: 100vw;
} }
/* Grain overlay */ /* Grain overlay */
@@ -114,8 +115,8 @@
top: 0; top: 0;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 600px; width: min(600px, 100vw);
height: 600px; height: min(600px, 100vw);
background: radial-gradient(circle, var(--gold-glow) 0%, transparent 70%); background: radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);
pointer-events: none; pointer-events: none;
opacity: 0.4; opacity: 0.4;
@@ -553,6 +554,9 @@
section { padding: 72px 0; } section { padding: 72px 0; }
.provocation { padding: 80px 24px; } .provocation { padding: 80px 24px; }
.cta-section { padding: 80px 24px; } .cta-section { padding: 80px 24px; }
nav .container { padding: 0 16px; }
.logo { font-size: 0.95rem; }
nav a.cta-link { font-size: 0.75rem; }
} }
</style> </style>
</head> </head>