Horizontal Scroll Timeline

<div class="container py-5">
  <h2 class="fw-bold mb-4">History →</h2>
  <div class="d-flex gap-3 overflow-auto pb-3">
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2018</div>
      <h6 class="fw-bold">Started</h6>
      <p class="small text-muted mb-0">In a small garage.</p>
    </div>
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2019</div>
      <h6 class="fw-bold">First customer</h6>
      <p class="small text-muted mb-0">A local startup signed up.</p>
    </div>
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2020</div>
      <h6 class="fw-bold">Series A</h6>
      <p class="small text-muted mb-0">Raised $2M seed funding.</p>
    </div>
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2022</div>
      <h6 class="fw-bold">10k users</h6>
      <p class="small text-muted mb-0">Community exploded.</p>
    </div>
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2024</div>
      <h6 class="fw-bold">Global launch</h6>
      <p class="small text-muted mb-0">Live in 40 countries.</p>
    </div>
    <div class="p-3 rounded-4 bg-light" style="min-width:240px">
      <div class="text-primary fw-bold">2026</div>
      <h6 class="fw-bold">Today</h6>
      <p class="small text-muted mb-0">100k+ downloads.</p>
    </div>
  </div>
</div>