<h3 class="text-lg">Tabs</h3>
<div
  class="w-full flex sm:border-b sm:border-gray-300 relative flex-col sm:flex-row">
  <div
    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
    1
  </div>
  <div
    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
    2
  </div>
  <div
    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
    3
  </div>
  <div
    class="hidden sm:block absolute bottom-0 left-0 h-1 bg-blue-400 transition-transform duration-300 ease-out w-1/4 transform translate-x-double" />
</div>
