I HATE AI WEBSITE SLOPS (#1311)

This commit is contained in:
NotSoToothless
2026-06-07 19:39:23 -07:00
committed by GitHub
parent ded3ac4cf3
commit 29d4b7a9df
+7 -4
View File
@@ -105,17 +105,20 @@
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.timeline {
margin-top: 18vh;
}
.timeline-grid { .timeline-grid {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 10rem 4rem; gap: 8rem 2.5rem;
align-items: start; align-items: start;
} }
.timeline-card { .timeline-card {
padding: clamp(2.5rem, 3vw, 4rem); padding: 2.5rem;
} }
.timeline-marker { .timeline-marker {
top: -1.8rem; top: -1.8rem;
left: clamp(2.5rem, 3vw, 4rem); left: 2.5rem;
width: 3.6rem; width: 3.6rem;
height: 3.6rem; height: 3.6rem;
font-size: 1.35rem; font-size: 1.35rem;
@@ -288,7 +291,7 @@
<!-- Timeline --> <!-- Timeline -->
<section class="pb-28"> <section class="pb-28">
<div class="max-w-[1800px] mx-auto px-6 lg:px-12 xl:px-16"> <div class="max-w-[1400px] mx-auto px-6 lg:px-12">
<div class="timeline" id="timeline"> <div class="timeline" id="timeline">
<!-- Flowing connector line (drawn by JS through the node markers) --> <!-- Flowing connector line (drawn by JS through the node markers) -->
<svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true"> <svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">