I HATE AI WEBSITE SLOPS (#1311)
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user