Answers for "how to center items in tailwind"

tailwind flex align items center

<div class="flex items-center ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

tailwind center

<div class="flex justify-center ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

tailwind center absolute

absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2

tailwind align-self center

<!-- align-self: center -->
<div class="flex ...">
  <div>1</div>
  <div class="self-center">2</div> 
  <!-- ^ center-aligned div -->
  <div>3</div>
</div>