I HATE AI WEBSITE SLOPS (#1311)

2026-06-07 19:39:23 -07:00
parent ded3ac4cf3
commit 29d4b7a9df
1 changed files with 7 additions and 4 deletions
@@ -105,17 +105,20 @@
        }

        @media (min-width: 1024px) {
+            .timeline {
+                margin-top: 18vh;
+            }
            .timeline-grid {
                grid-template-columns: repeat(3, 1fr);
-                gap: 10rem 4rem;
+                gap: 8rem 2.5rem;
                align-items: start;
            }
            .timeline-card {
-                padding: clamp(2.5rem, 3vw, 4rem);
+                padding: 2.5rem;
            }
            .timeline-marker {
                top: -1.8rem;
-                left: clamp(2.5rem, 3vw, 4rem);
+                left: 2.5rem;
                width: 3.6rem;
                height: 3.6rem;
                font-size: 1.35rem;
@@ -288,7 +291,7 @@

    <!-- Timeline -->
    <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">
                <!-- Flowing connector line (drawn by JS through the node markers) -->
                <svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">