History timeline

            <div class="flex justify-center items-center bg-gray-100 w-full min-h-screen text-gray-800">
  <div class="rounded-lg bg-white w-full max-w-xs p-6 shadow-md">
    <h1 class="text-lg font-semibold mb-4">File history</h1>
    <ul class="px-2">
      <li class="relative border-l-2 ml-1 pl-6 py-4">
        <div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">L</div>
        <h2 class="mb-1">Loretta Wood</h2>
        <p class="text-sm text-gray-400">Updated 32 minutes ago</p>
      </li>
      <li class="relative border-l-2 ml-1 pl-6 py-4">
        <div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">A</div>
        <h2 class="mb-1">Austin Miles</h2>
        <p class="text-sm text-gray-400">Updated 6 hours ago</p>
      </li>
      <li class="relative border-l-2 ml-1 pl-6 py-4">
        <div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">B</div>
        <h2 class="mb-1">Benny Hunter</h2>
        <p class="text-sm text-gray-400">Updated 2 days ago</p>
      </li>
      <li class="relative border-l-2 ml-1 pl-6 py-4">
        <div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">R</div>
        <h2 class="mb-1">Rickey Hudson</h2>
        <p class="text-sm text-gray-400">Created the file 3 week ago</p>
      </li>
    </ul>
  </div>
</div>