fix: allaisonme.com mobile view — constrain header and hero glow
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user